Coffee (654B22) — 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 #654B22

RGB rgb(101, 75, 34)

HSL hsl(37°, 50%, 26%)

CMYK C:0% M:26% Y:66% K:60%

Luminance 0.077

WCAG Accessibility

On white 8.13:1

Aa — #654B22

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.58:1

Aa — #654B22

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#654B22 #213B63

Analogous

#632921 #654B22 #5C6321

Triadic

#654B22 #21634A #4A2163

Split-comp.

#654B22 #215C63 #292163

Tetradic

#654B22 #216329 #213B63 #63215C

Monochromatic

#CBB086 #A48046 #5D4828 #392D18 #040302

Suggested palettes for this hue.

Art Deco View all →

Northern Lights View all →

Coral Sea View all →