Coffee (996B4C) — 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 #996B4C

RGB rgb(153, 107, 76)

HSL hsl(24°, 34%, 45%)

CMYK C:0% M:30% Y:50% K:40%

Luminance 0.18

WCAG Accessibility

On white 4.6:1

Aa — #996B4C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.56:1

Aa — #996B4C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#996B4C #4C7B9A

Analogous

#9A4C54 #996B4C #9A924C

Triadic

#996B4C #4C9A6B #6B4C9A

Split-comp.

#996B4C #4C9A92 #4C549A

Tetradic

#996B4C #549A4C #4C7B9A #924C9A

Monochromatic

#E2D7D0 #BBA190 #8E6D57 #6F5544 #3F3127

Suggested palettes for this hue.

Gradient Sunset View all →

Icy Winter View all →

Pop Matisse View all →