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

RGB rgb(50, 50, 21)

HSL hsl(60°, 41%, 14%)

CMYK C:0% M:0% Y:58% K:80%

Luminance 0.026

WCAG Accessibility

On white 13.1:1

Aa — #323215

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.6:1

Aa — #323215

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#323215 #151532

Analogous

#322415 #323215 #243215

Triadic

#323215 #153232 #321532

Split-comp.

#323215 #152432 #241532

Tetradic

#323215 #153224 #151532 #321524

Monochromatic

#AEAE65 #72723C #2F2F19 #0D0D07 #000000

Suggested palettes for this hue.

Purple Mystery View all →

Kyoto Zen View all →

Matcha View all →