Coffee (775A32) — 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 #775A32

RGB rgb(119, 90, 50)

HSL hsl(35°, 41%, 33%)

CMYK C:0% M:24% Y:58% K:53%

Luminance 0.1141

WCAG Accessibility

On white 6.38:1

Aa — #775A32

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.29:1

Aa — #775A32

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#775A32 #324E77

Analogous

#773732 #775A32 #717732

Triadic

#775A32 #32775A #5A3277

Split-comp.

#775A32 #327177 #373277

Tetradic

#775A32 #327737 #324E77 #773271

Monochromatic

#CFBEA5 #AC8D62 #6E583A #4D3E28 #1B150E

Suggested palettes for this hue.

Dark UI View all →

Velvet & Silk View all →

Santorini View all →