Wheat (D5B77C) — Shades, Harmonies, Palettes, CSS Code

"Wheat"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Wheat pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #D5B77C

RGB rgb(213, 183, 124)

HSL hsl(40°, 51%, 66%)

CMYK C:0% M:14% Y:42% K:16%

Luminance 0.5026

WCAG Accessibility

On white 1.93:1

Aa — #D5B77C

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.89:1

Aa — #D5B77C

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D5B77C #7C9AD5

Analogous

#D58B7C #D5B77C #C6D57C

Triadic

#D5B77C #7CD5B7 #B77CD5

Split-comp.

#D5B77C #7CC6D5 #8B7CD5

Tetradic

#D5B77C #7CD58B #7C9AD5 #D57CC6

Monochromatic

#5D4B27 #A58545 #CCB485 #DBCAA9 #F1EBDF

Suggested palettes for this hue.

Tech Blue View all →

Retro 70s View all →

Matcha View all →