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

RGB rgb(188, 175, 148)

HSL hsl(40°, 23%, 66%)

CMYK C:0% M:7% Y:21% K:26%

Luminance 0.4429

WCAG Accessibility

On white 2.17:1

Aa — #BCAF94

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.7:1

Aa — #BCAF94

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCAF94 #94A2BC

Analogous

#BC9B94 #BCAF94 #B6BC94

Triadic

#BCAF94 #94BCAF #AF94BC

Split-comp.

#BCAF94 #94B6BC #9B94BC

Tetradic

#BCAF94 #94BC9B #94A2BC #BC94B6

Monochromatic

#4B453A #857A66 #B4AC9D #CAC4BA #EBE9E5

Suggested palettes for this hue.

Coral Sea View all →

Mediterranean View all →

Marrakech View all →