Wheat (D5B77B) — 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 #D5B77B

RGB rgb(213, 183, 123)

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

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

Luminance 0.5023

WCAG Accessibility

On white 1.93:1

Aa — #D5B77B

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.89:1

Aa — #D5B77B

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D5B77B #7B99D5

Analogous

#D58A7B #D5B77B #C6D57B

Triadic

#D5B77B #7BD5B7 #B77BD5

Split-comp.

#D5B77B #7BC6D5 #8A7BD5

Tetradic

#D5B77B #7BD58A #7B99D5 #D57BC6

Monochromatic

#5E4C26 #A78644 #CDB484 #DCCAA8 #F2EBDE

Suggested palettes for this hue.

Vintage Sepia View all →

Northern Lights View all →

Success Green View all →