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

RGB rgb(144, 101, 71)

HSL hsl(25°, 34%, 42%)

CMYK C:0% M:30% Y:51% K:44%

Luminance 0.158

WCAG Accessibility

On white 5.07:1

Aa — #906547

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.14:1

Aa — #906547

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#906547 #477190

Analogous

#90474D #906547 #908947

Triadic

#906547 #479065 #654790

Split-comp.

#906547 #479089 #474D90

Tetradic

#906547 #4D9047 #477190 #894790

Monochromatic

#DCCFC6 #B59A87 #856751 #654E3E #362A21

Suggested palettes for this hue.

Coral Sea View all →

Vibrant Summer View all →

Chocolate View all →