Caramel (C0B491) — 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 #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #C0B491

RGB rgb(192, 180, 145)

HSL hsl(45°, 27%, 66%)

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

Luminance 0.4671

WCAG Accessibility

On white 2.06:1

Aa — #C0B491

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.18:1

Aa — #C0B491

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#C0B491 #919DC0

Analogous

#C09D91 #C0B491 #B4C091

Triadic

#C0B491 #91C0B4 #B491C0

Split-comp.

#C0B491 #91B4C0 #9D91C0

Tetradic

#C0B491 #91C09D #919DC0 #C091B4

Monochromatic

#4E4837 #897F61 #B7B09A #CCC7B7 #ECEAE4

Suggested palettes for this hue.

Volcano View all →

Chocolate View all →

Sand Desert View all →