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

RGB rgb(222, 182, 120)

HSL hsl(36°, 61%, 67%)

CMYK C:0% M:18% Y:46% K:13%

Luminance 0.511

WCAG Accessibility

On white 1.9:1

Aa — #DEB678

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.07:1

Aa — #DEB678

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DEB678 #78A1DE

Analogous

#DE8278 #DEB678 #D4DE78

Triadic

#DEB678 #78DEB5 #B578DE

Split-comp.

#DEB678 #78D4DE #8278DE

Tetradic

#DEB678 #78DE82 #78A1DE #DE78D4

Monochromatic

#684C22 #B5843B #D6B380 #E2CAA6 #F5EDE0

Suggested palettes for this hue.

Kyoto Zen View all →

Purple UI View all →

Vintage Sepia View all →