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

RGB rgb(188, 172, 148)

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

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

Luminance 0.4313

WCAG Accessibility

On white 2.22:1

Aa — #BCAC94

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.47:1

Aa — #BCAC94

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCAC94 #94A4BC

Analogous

#BC9894 #BCAC94 #B8BC94

Triadic

#BCAC94 #94BCAC #AC94BC

Split-comp.

#BCAC94 #94B8BC #9894BC

Tetradic

#BCAC94 #94BC98 #94A4BC #BC94B8

Monochromatic

#4B443A #857866 #B4AB9D #CAC3BA #EBE9E5

Suggested palettes for this hue.

French Riviera View all →

Dark UI View all →

Deep Ocean View all →