Coffee (382C23) — 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 #382C23

RGB rgb(56, 44, 35)

HSL hsl(26°, 23%, 18%)

CMYK C:0% M:21% Y:38% K:78%

Luminance 0.0235

WCAG Accessibility

On white 13.52:1

Aa — #382C23

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.55:1

Aa — #382C23

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#382C23 #232F38

Analogous

#382325 #382C23 #383723

Triadic

#382C23 #23382C #2C2338

Split-comp.

#382C23 #233837 #232538

Tetradic

#382C23 #253823 #232F38 #372338

Monochromatic

#A29286 #6D5F54 #342D28 #171412 #000000

Suggested palettes for this hue.

Electric Vibes View all →

Retro 70s View all →

Dark UI View all →