Coffee (6B5644) — Shades, Harmonies, Palettes, CSS Code

"Coffee"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

Coffee pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #6B5644

RGB rgb(107, 86, 68)

HSL hsl(28°, 22%, 34%)

CMYK C:0% M:20% Y:36% K:58%

Luminance 0.1009

WCAG Accessibility

On white 6.91:1

Aa — #6B5644

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.04:1

Aa — #6B5644

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#6B5644 #44586A

Analogous

#6A4445 #6B5644 #6A6944

Triadic

#6B5644 #446A55 #55446A

Split-comp.

#6B5644 #446A69 #44456A

Tetradic

#6B5644 #456A44 #44586A #69446A

Monochromatic

#C5BCB5 #98897C #61564C #453D36 #1A1714

Suggested palettes for this hue.

Grey Minimal View all →

Marrakech View all →

Memphis Design View all →