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

RGB rgb(224, 163, 113)

HSL hsl(27°, 64%, 66%)

CMYK C:0% M:27% Y:50% K:12%

Luminance 0.4391

WCAG Accessibility

On white 2.18:1

Aa — #E0A371

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.65:1

Aa — #E0A371

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E0A371 #71AEE0

Analogous

#E07176 #E0A371 #E0DA71

Triadic

#E0A371 #71E0A3 #A371E0

Split-comp.

#E0A371 #71E0DA #7176E0

Tetradic

#E0A371 #76E071 #71AEE0 #DA71E0

Monochromatic

#663F1E #B56F36 #D7A479 #E3BEA1 #F4E7DC

Suggested palettes for this hue.

White Marble View all →

Icy Winter View all →

Deep Ocean View all →