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

RGB rgb(64, 51, 24)

HSL hsl(41°, 45%, 17%)

CMYK C:0% M:20% Y:63% K:75%

Luminance 0.0313

WCAG Accessibility

On white 12.32:1

Aa — #403318

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 1.7:1

Aa — #403318

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#403318 #18243F

Analogous

#3F1F18 #403318 #383F18

Triadic

#403318 #183F33 #33183F

Split-comp.

#403318 #18383F #1F183F

Tetradic

#403318 #183F1F #18243F #3F1838

Monochromatic

#B89F6B #7F6A3D #3B311C #18140C #000000

Suggested palettes for this hue.

Velvet & Silk View all →

Vibrant Summer View all →

Pop Art View all →