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

RGB rgb(112, 86, 42)

HSL hsl(38°, 45%, 30%)

CMYK C:0% M:23% Y:63% K:56%

Luminance 0.1016

WCAG Accessibility

On white 6.88:1

Aa — #70562A

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.05:1

Aa — #70562A

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#70562A #2A436F

Analogous

#6F332A #70562A #666F2A

Triadic

#70562A #2A6F56 #562A6F

Split-comp.

#70562A #2A666F #332A6F

Tetradic

#70562A #2A6F33 #2A436F #6F2A66

Monochromatic

#CDBA98 #AC8B53 #675432 #453821 #110E08

Suggested palettes for this hue.

Pastel Spring View all →

Tropical Fruits View all →

Rose Gold View all →