Coffee (716A32) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #716A32

RGB rgb(113, 106, 50)

HSL hsl(53°, 39%, 32%)

CMYK C:0% M:6% Y:56% K:56%

Luminance 0.1412

WCAG Accessibility

On white 5.51:1

Aa — #716A32

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.81:1

Aa — #716A32

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#716A32 #323971

Analogous

#714A32 #716A32 #597132

Triadic

#716A32 #32716A #6A3271

Split-comp.

#716A32 #325971 #4A3271

Tetradic

#716A32 #32714A #323971 #713259

Monochromatic

#CCC7A3 #A8A061 #69643A #484528 #17160D

Suggested palettes for this hue.

Chocolate View all →

Pastel 80s View all →

Rose Gold View all →