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

RGB rgb(171, 144, 77)

HSL hsl(43°, 38%, 49%)

CMYK C:0% M:16% Y:55% K:33%

Luminance 0.2969

WCAG Accessibility

On white 3.08:1

Aa — #AB904D

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.83:1

Aa — #AB904D

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AB904D #4D68AC

Analogous

#AC624D #AB904D #98AC4D

Triadic

#AB904D #4DAC92 #924DAC

Split-comp.

#AB904D #4D98AC #624DAC

Tetradic

#AB904D #4DAC62 #4D68AC #AC4D98

Monochromatic

#EBE6DB #C6BA9A #A08C5A #7F7048 #4E452C

Suggested palettes for this hue.

Blue Serenity View all →

Marrakech View all →

Northern Lights View all →