Coffee (78582B) — 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 #78582B

RGB rgb(120, 88, 43)

HSL hsl(35°, 47%, 32%)

CMYK C:0% M:27% Y:64% K:53%

Luminance 0.1108

WCAG Accessibility

On white 6.5:1

Aa — #78582B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.23:1

Aa — #78582B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#78582B #2B4B78

Analogous

#78322B #78582B #72782B

Triadic

#78582B #2B7858 #582B78

Split-comp.

#78582B #2B7278 #322B78

Tetradic

#78582B #2B7832 #2B4B78 #782B72

Monochromatic

#D2BC9D #B28C57 #705733 #4D3C23 #18130B

Suggested palettes for this hue.

Chocolate View all →

Tech Blue View all →

French Riviera View all →