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

RGB rgb(72, 46, 29)

HSL hsl(24°, 43%, 20%)

CMYK C:0% M:36% Y:60% K:72%

Luminance 0.0303

WCAG Accessibility

On white 12.47:1

Aa — #482E1D

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.68:1

Aa — #482E1D

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#482E1D #1D3749

Analogous

#491D21 #482E1D #49451D

Triadic

#482E1D #1D492F #2F1D49

Split-comp.

#482E1D #1D4945 #1D2149

Tetradic

#482E1D #21491D #1D3749 #451D49

Monochromatic

#BB9277 #885F44 #443022 #221811 #000000

Suggested palettes for this hue.

Arctic Tundra View all →

Green Meadow View all →

Pop Matisse View all →