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

RGB rgb(171, 134, 69)

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

CMYK C:0% M:22% Y:60% K:33%

Luminance 0.266

WCAG Accessibility

On white 3.37:1

Aa — #AB8645

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.23:1

Aa — #AB8645

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AB8645 #446AAB

Analogous

#AB5244 #AB8645 #9EAB44

Triadic

#AB8645 #44AB86 #8644AB

Split-comp.

#AB8645 #449EAB #5244AB

Tetradic

#AB8645 #44AB52 #446AAB #AB449E

Monochromatic

#E9E1D3 #C7B28F #9F8250 #7D673F #4B3D26

Suggested palettes for this hue.

Santorini View all →

Volcano View all →

Tech Blue View all →