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

RGB rgb(194, 149, 81)

HSL hsl(36°, 48%, 54%)

CMYK C:0% M:23% Y:58% K:24%

Luminance 0.3416

WCAG Accessibility

On white 2.72:1

Aa — #C29551

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.71:1

Aa — #C29551

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C29551 #517EC2

Analogous

#C25D51 #C29551 #B7C251

Triadic

#C29551 #51C295 #9551C2

Split-comp.

#C29551 #51B7C2 #5D51C2

Tetradic

#C29551 #51C25D #517EC2 #C251B7

Monochromatic

#312616 #785D36 #B6935D #C6AA80 #DECEB5

Suggested palettes for this hue.

Electric Vibes View all →

Neon 90s View all →

Tech Blue View all →