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

RGB rgb(172, 141, 91)

HSL hsl(37°, 33%, 52%)

CMYK C:0% M:18% Y:47% K:33%

Luminance 0.2911

WCAG Accessibility

On white 3.13:1

Aa — #AC8D5B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.72:1

Aa — #AC8D5B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AC8D5B #5C7BAD

Analogous

#AD665C #AC8D5B #A4AD5C

Triadic

#AC8D5B #5CAD8E #8E5CAD

Split-comp.

#AC8D5B #5CA4AD #665CAD

Tetradic

#AC8D5B #5CAD66 #5C7BAD #AD5CA4

Monochromatic

#262018 #64563F #A18B68 #B4A388 #D2C7B7

Suggested palettes for this hue.

Vintage Sepia View all →

Chocolate View all →

Dark UI View all →