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

RGB rgb(188, 147, 115)

HSL hsl(26°, 35%, 59%)

CMYK C:0% M:22% Y:39% K:26%

Luminance 0.3341

WCAG Accessibility

On white 2.78:1

Aa — #BC9373

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.56:1

Aa — #BC9373

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BC9373 #729BBB

Analogous

#BB7277 #BC9373 #BBB672

Triadic

#BC9373 #72BB92 #9272BB

Split-comp.

#BC9373 #72BBB6 #7277BB

Tetradic

#BC9373 #77BB72 #729BBB #B672BB

Monochromatic

#3D2F24 #7C604B #B1937C #C4AD9C #E0D5CC

Suggested palettes for this hue.

Pastel 80s View all →

Tokyo Neon View all →

Pearl Zen View all →