Coffee (825C42) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #825C42

RGB rgb(130, 92, 66)

HSL hsl(24°, 33%, 38%)

CMYK C:0% M:29% Y:49% K:49%

Luminance 0.1279

WCAG Accessibility

On white 5.9:1

Aa — #825C42

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.56:1

Aa — #825C42

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#825C42 #416781

Analogous

#814147 #825C42 #817A41

Triadic

#825C42 #41815B #5B4181

Split-comp.

#825C42 #41817A #414781

Tetradic

#825C42 #478141 #416781 #7A4181

Monochromatic

#D4C4BA #AD8F7B #775C4B #584437 #29201A

Suggested palettes for this hue.

Kyoto Zen View all →

Tokyo Neon View all →

Purple Mystery View all →