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

RGB rgb(182, 151, 93)

HSL hsl(39°, 38%, 54%)

CMYK C:0% M:17% Y:49% K:29%

Luminance 0.3349

WCAG Accessibility

On white 2.77:1

Aa — #B6975D

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.57:1

Aa — #B6975D

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B6975D #5D7CB6

Analogous

#B66A5D #B6975D #A9B65D

Triadic

#B6975D #5DB697 #975DB6

Split-comp.

#B6975D #5DA9B6 #6A5DB6

Tetradic

#B6975D #5DB66A #5D7CB6 #B65DA9

Monochromatic

#2E271A #6F5E3E #AB9469 #BDAB89 #D8CEBA

Suggested palettes for this hue.

Coral Sea View all →

Success Green View all →

Gold & Black View all →