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

RGB rgb(174, 144, 82)

HSL hsl(40°, 36%, 50%)

CMYK C:0% M:17% Y:53% K:32%

Luminance 0.3011

WCAG Accessibility

On white 3.04:1

Aa — #AE9052

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.91:1

Aa — #AE9052

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AE9052 #5270AD

Analogous

#AD6152 #AE9052 #9EAD52

Triadic

#AE9052 #52AD8F #8F52AD

Split-comp.

#AE9052 #529EAD #6152AD

Tetradic

#AE9052 #52AD61 #5270AD #AD529E

Monochromatic

#201C13 #605339 #A18B5E #B4A27E #D0C5AF

Suggested palettes for this hue.

Moss & Stone View all →

Gradient Sunset View all →

Santorini View all →