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

RGB rgb(207, 191, 120)

HSL hsl(49°, 48%, 64%)

CMYK C:0% M:8% Y:42% K:19%

Luminance 0.5268

WCAG Accessibility

On white 1.85:1

Aa — #CFBF78

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.38:1

Aa — #CFBF78

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CFBF78 #7787CF

Analogous

#CF9377 #CFBF78 #B3CF77

Triadic

#CFBF78 #77CFBF #BF77CF

Split-comp.

#CFBF78 #77B3CF #9377CF

Tetradic

#CFBF78 #77CF93 #7787CF #CF77B3

Monochromatic

#544C26 #9B8B46 #C6B980 #D6CDA4 #EEEAD8

Suggested palettes for this hue.

Pastel 80s View all →

Autumn Forest View all →

Matcha Tea View all →