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

RGB rgb(120, 102, 59)

HSL hsl(42°, 34%, 35%)

CMYK C:0% M:15% Y:51% K:53%

Luminance 0.1386

WCAG Accessibility

On white 5.58:1

Aa — #78663B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.76:1

Aa — #78663B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#78663B #3B4D78

Analogous

#78473B #78663B #6B783B

Triadic

#78663B #3B7865 #653B78

Split-comp.

#78663B #3B6B78 #473B78

Tetradic

#78663B #3B7847 #3B4D78 #783B6B

Monochromatic

#CFC5B0 #A89771 #6F6244 #4F4630 #201C13

Suggested palettes for this hue.

French Riviera View all →

Santorini View all →

Sahara View all →