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

RGB rgb(128, 103, 45)

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

CMYK C:0% M:20% Y:65% K:50%

Luminance 0.1456

WCAG Accessibility

On white 5.39:1

Aa — #80672D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.9:1

Aa — #80672D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#80672D #2D4680

Analogous

#803E2D #80672D #70802D

Triadic

#80672D #2D8067 #672D80

Split-comp.

#80672D #2D7080 #3E2D80

Tetradic

#80672D #2D803E #2D4680 #802D70

Monochromatic

#D6C7A4 #B69C5D #786436 #544726 #201A0E

Suggested palettes for this hue.

Success Green View all →

Pop Matisse View all →

Blue Serenity View all →