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

RGB rgb(207, 186, 167)

HSL hsl(28°, 29%, 73%)

CMYK C:0% M:10% Y:19% K:19%

Luminance 0.5201

WCAG Accessibility

On white 1.87:1

Aa — #CFBAA7

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.23:1

Aa — #CFBAA7

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#CFBAA7 #A6BBCE

Analogous

#CEA6A8 #CFBAA7 #CECDA6

Triadic

#CFBAA7 #A6CEB9 #B9A6CE

Split-comp.

#CFBAA7 #A6CECD #A6A8CE

Tetradic

#CFBAA7 #A8CEA6 #A6BBCE #CDA6CE

Monochromatic

#645344 #9E8670 #C7B9AD #DCD3CB #FBFAF9

Suggested palettes for this hue.

Rose Gold View all →

Autumn Forest View all →

French Riviera View all →