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

RGB rgb(207, 185, 129)

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

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

Luminance 0.5035

WCAG Accessibility

On white 1.92:1

Aa — #CFB981

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 10.91:1

Aa — #CFB981

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CFB981 #8197CF

Analogous

#CF9281 #CFB981 #BECF81

Triadic

#CFB981 #81CFB9 #B981CF

Split-comp.

#CFB981 #81BECF #9281CF

Tetradic

#CFB981 #81CF92 #8197CF #CF81BE

Monochromatic

#5A4C2B #9E874C #C7B58A #D7CBAC #F0ECE0

Suggested palettes for this hue.

Tokyo Neon View all →

Concrete Steel View all →

Orange Energy View all →