Caramel (A88742) — 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 #A88742

RGB rgb(168, 135, 66)

HSL hsl(41°, 44%, 46%)

CMYK C:0% M:20% Y:61% K:34%

Luminance 0.2651

WCAG Accessibility

On white 3.38:1

Aa — #A88742

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.21:1

Aa — #A88742

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A88742 #4262A9

Analogous

#A95542 #A88742 #96A942

Triadic

#A88742 #42A988 #8842A9

Split-comp.

#A88742 #4296A9 #5542A9

Tetradic

#A88742 #42A955 #4262A9 #A94296

Monochromatic

#E7E0CF #C6B38B #9D844D #7B673D #483C23

Suggested palettes for this hue.

Pop Art View all →

Golden Autumn View all →

Velvet & Silk View all →