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

RGB rgb(207, 192, 129)

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

CMYK C:0% M:7% Y:38% K:19%

Luminance 0.5336

WCAG Accessibility

On white 1.82:1

Aa — #CFC081

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.51:1

Aa — #CFC081

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CFC081 #8191CF

Analogous

#CF9981 #CFC081 #B8CF81

Triadic

#CFC081 #81CFC0 #C081CF

Split-comp.

#CFC081 #81B8CF #9981CF

Tetradic

#CFC081 #81CF99 #8191CF #CF81B8

Monochromatic

#5A502B #9E8E4C #C7BB8A #D7CFAC #F0EDE0

Suggested palettes for this hue.

Santorini View all →

Sand Desert View all →

Chocolate View all →