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

RGB rgb(184, 153, 101)

HSL hsl(38°, 37%, 56%)

CMYK C:0% M:17% Y:45% K:28%

Luminance 0.3456

WCAG Accessibility

On white 2.7:1

Aa — #B89965

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.78:1

Aa — #B89965

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B89965 #6584B8

Analogous

#B87065 #B89965 #ADB865

Triadic

#B89965 #65B89A #9A65B8

Split-comp.

#B89965 #65ADB8 #7065B8

Tetradic

#B89965 #65B870 #6584B8 #B865AD

Monochromatic

#342C1E #756243 #AD9771 #C0AF91 #DCD2C1

Suggested palettes for this hue.

Green Meadow View all →

Night Velvet View all →

Pastel Spring View all →