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

RGB rgb(111, 108, 52)

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

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

Luminance 0.1443

WCAG Accessibility

On white 5.43:1

Aa — #6F6C34

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.87:1

Aa — #6F6C34

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6F6C34 #34376F

Analogous

#6F4F34 #6F6C34 #556F34

Triadic

#6F6C34 #346F6C #6C346F

Split-comp.

#6F6C34 #34556F #4F346F

Tetradic

#6F6C34 #346F4F #34376F #6F3455

Monochromatic

#CAC8A5 #A4A165 #67653C #47452A #16160D

Suggested palettes for this hue.

Provence Lavender View all →

Amber Warning View all →

Santorini View all →