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

RGB rgb(193, 145, 83)

HSL hsl(34°, 47%, 54%)

CMYK C:0% M:25% Y:57% K:24%

Luminance 0.3279

WCAG Accessibility

On white 2.82:1

Aa — #C19153

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.44:1

Aa — #C19153

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C19153 #5382C1

Analogous

#C15A53 #C19153 #B9C153

Triadic

#C19153 #53C191 #9153C1

Split-comp.

#C19153 #53B9C1 #5A53C1

Tetradic

#C19153 #53C15A #5382C1 #C153B9

Monochromatic

#312516 #775B37 #B58F5E #C5A881 #DDCCB6

Suggested palettes for this hue.

Memphis Design View all →

Deep Ocean View all →

Sahara View all →