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

RGB rgb(164, 109, 74)

HSL hsl(23°, 38%, 47%)

CMYK C:0% M:34% Y:55% K:36%

Luminance 0.1955

WCAG Accessibility

On white 4.32:1

Aa — #A46D4A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.86:1

Aa — #A46D4A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A46D4A #4A82A5

Analogous

#A54A55 #A46D4A #A59B4A

Triadic

#A46D4A #4AA56D #6D4AA5

Split-comp.

#A46D4A #4AA59B #4A55A5

Tetradic

#A46D4A #55A54A #4A82A5 #9B4AA5

Monochromatic

#E7DCD5 #C2A593 #997056 #795844 #483428

Suggested palettes for this hue.

Night Velvet View all →

French Riviera View all →

Autumn Forest View all →