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

RGB rgb(174, 136, 72)

HSL hsl(38°, 41%, 48%)

CMYK C:0% M:22% Y:59% K:32%

Luminance 0.2756

WCAG Accessibility

On white 3.27:1

Aa — #AE8848

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.41:1

Aa — #AE8848

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AE8848 #486DAD

Analogous

#AD5648 #AE8848 #9FAD48

Triadic

#AE8848 #48AD88 #8848AD

Split-comp.

#AE8848 #489FAD #5648AD

Tetradic

#AE8848 #48AD56 #486DAD #AD489F

Monochromatic

#EAE3D7 #C7B494 #A08554 #7F6943 #4D3F28

Suggested palettes for this hue.

Pop Matisse View all →

Blue Serenity View all →

Autumn Forest View all →