Coffee (5C4235) — 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 #5C4235

RGB rgb(92, 66, 53)

HSL hsl(20°, 27%, 28%)

CMYK C:0% M:28% Y:42% K:64%

Luminance 0.0614

WCAG Accessibility

On white 9.19:1

Aa — #5C4235

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.29:1

Aa — #5C4235

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5C4235 #344E5B

Analogous

#5B343B #5C4235 #5B5434

Triadic

#5C4235 #345B41 #41345B

Split-comp.

#5C4235 #345B54 #343B5B

Tetradic

#5C4235 #3B5B34 #344E5B #54345B

Monochromatic

#BBA9A0 #8F7366 #54433B #362B26 #090706

Suggested palettes for this hue.

French Riviera View all →

Memphis Design View all →

Pastel 80s View all →