Caramel (A77F48) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Autumn

🧠 Psychology

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

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #A77F48

RGB rgb(167, 127, 72)

HSL hsl(35°, 40%, 47%)

CMYK C:0% M:24% Y:57% K:35%

Luminance 0.2426

WCAG Accessibility

On white 3.64:1

Aa — #A77F48

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.77:1

Aa — #A77F48

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A77F48 #4870A8

Analogous

#A85048 #A77F48 #A0A848

Triadic

#A77F48 #48A880 #8048A8

Split-comp.

#A77F48 #48A0A8 #5048A8

Tetradic

#A77F48 #48A850 #4870A8 #A848A0

Monochromatic

#E8E0D4 #C4AF92 #9C7E54 #7B6342 #493B27

Suggested palettes for this hue.

Rose Gold View all →

Kyoto Zen View all →

Leather & Wood View all →