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

RGB rgb(108, 111, 52)

HSL hsl(63°, 36%, 32%)

CMYK C:3% M:0% Y:53% K:56%

Luminance 0.149

WCAG Accessibility

On white 5.3:1

Aa — #6C6F34

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.96:1

Aa — #6C6F34

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6C6F34 #37346F

Analogous

#6F5534 #6C6F34 #4F6F34

Triadic

#6C6F34 #346C6F #6F346C

Split-comp.

#6C6F34 #344F6F #55346F

Tetradic

#6C6F34 #346F55 #37346F #6F344F

Monochromatic

#C8CAA5 #A1A465 #65673C #45472A #16160D

Suggested palettes for this hue.

Matcha View all →

Red Passion View all →

Gold & Black View all →