Coffee (4B301B) — 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 #4B301B

RGB rgb(75, 48, 27)

HSL hsl(26°, 47%, 20%)

CMYK C:0% M:36% Y:64% K:71%

Luminance 0.0331

WCAG Accessibility

On white 12.08:1

Aa — #4B301B

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.74:1

Aa — #4B301B

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#4B301B #1B364B

Analogous

#4B1B1E #4B301B #4B481B

Triadic

#4B301B #1B4B30 #301B4B

Split-comp.

#4B301B #1B4B48 #1B1E4B

Tetradic

#4B301B #1E4B1B #1B364B #481B4B

Monochromatic

#BF9473 #8C6140 #463020 #231810 #000000

Suggested palettes for this hue.

Mediterranean View all →

Deep Ocean View all →

Autumn Forest View all →