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

RGB rgb(114, 90, 49)

HSL hsl(38°, 40%, 32%)

CMYK C:0% M:21% Y:57% K:55%

Luminance 0.1104

WCAG Accessibility

On white 6.52:1

Aa — #725A31

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.22:1

Aa — #725A31

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#725A31 #314972

Analogous

#723A31 #725A31 #6A7231

Triadic

#725A31 #31725A #5A3172

Split-comp.

#725A31 #316A72 #3A3172

Tetradic

#725A31 #31723A #314972 #72316A

Monochromatic

#CDBDA2 #A98E60 #6A5839 #493D27 #17130C

Suggested palettes for this hue.

Sand Desert View all →

Pastel Spring View all →

Leather & Wood View all →