Caramel (BCA355) — 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 #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #BCA355

RGB rgb(188, 163, 85)

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

CMYK C:0% M:13% Y:55% K:26%

Luminance 0.3824

WCAG Accessibility

On white 2.47:1

Aa — #BCA355

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.51:1

Aa — #BCA355

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BCA355 #5770BC

Analogous

#BC7057 #BCA355 #A3BC57

Triadic

#BCA355 #57BCA3 #A357BC

Split-comp.

#BCA355 #57A3BC #7057BC

Tetradic

#BCA355 #57BC70 #5770BC #BC57A3

Monochromatic

#2F2A18 #73653A #B09D63 #C1B285 #DBD2B8

Suggested palettes for this hue.

Amazon View all →

Pastel Spring View all →

Amber Warning View all →