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

RGB rgb(109, 109, 54)

HSL hsl(60°, 34%, 32%)

CMYK C:0% M:0% Y:50% K:57%

Luminance 0.1454

WCAG Accessibility

On white 5.4:1

Aa — #6D6D36

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.89:1

Aa — #6D6D36

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6D6D36 #36366D

Analogous

#6D5236 #6D6D36 #526D36

Triadic

#6D6D36 #366D6D #6D366D

Split-comp.

#6D6D36 #36526D #52366D

Tetradic

#6D6D36 #366D52 #36366D #6D3652

Monochromatic

#C9C9A6 #A2A267 #65653E #46462B #16160E

Suggested palettes for this hue.

Pop Matisse View all →

Vintage Sepia View all →

Matcha Tea View all →