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

RGB rgb(103, 97, 45)

HSL hsl(54°, 39%, 29%)

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

Luminance 0.1158

WCAG Accessibility

On white 6.32:1

Aa — #67612D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.32:1

Aa — #67612D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#67612D #2D3367

Analogous

#67442D #67612D #50672D

Triadic

#67612D #2D6761 #612D67

Split-comp.

#67612D #2D5067 #442D67

Tetradic

#67612D #2D6744 #2D3367 #672D50

Monochromatic

#C7C299 #A19A59 #5F5B35 #3F3C22 #0D0D07

Suggested palettes for this hue.

Tokyo Neon View all →

Pop Matisse View all →

Berries View all →