Coffee (966D4C) — 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 #966D4C

RGB rgb(150, 109, 76)

HSL hsl(27°, 33%, 44%)

CMYK C:0% M:27% Y:49% K:41%

Luminance 0.1814

WCAG Accessibility

On white 4.58:1

Aa — #966D4C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.59:1

Aa — #966D4C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#966D4C #4B7495

Analogous

#954B4F #966D4C #95924B

Triadic

#966D4C #4B956C #6C4B95

Split-comp.

#966D4C #4B9592 #4B4F95

Tetradic

#966D4C #4F954B #4B7495 #924B95

Monochromatic

#E0D5CD #B8A18E #8A6E56 #6B5543 #3C2F25

Suggested palettes for this hue.

Deep Ocean View all →

Sahara View all →

Coral Sea View all →