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

RGB rgb(172, 131, 64)

HSL hsl(37°, 46%, 46%)

CMYK C:0% M:24% Y:63% K:33%

Luminance 0.2581

WCAG Accessibility

On white 3.46:1

Aa — #AC8340

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.07:1

Aa — #AC8340

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AC8340 #3F69AB

Analogous

#AB4C3F #AC8340 #9FAB3F

Triadic

#AC8340 #3FAB82 #823FAB

Split-comp.

#AC8340 #3F9FAB #4C3FAB

Tetradic

#AC8340 #3FAB4C #3F69AB #AB3F9F

Monochromatic

#E8DECE #C8B089 #A07F4B #7D643B #493A22

Suggested palettes for this hue.

Tokyo Neon View all →

Gradient Sunset View all →

Golden Autumn View all →