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

RGB rgb(176, 150, 89)

HSL hsl(42°, 36%, 52%)

CMYK C:0% M:15% Y:49% K:31%

Luminance 0.3237

WCAG Accessibility

On white 2.86:1

Aa — #B09659

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 7.35:1

Aa — #B09659

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B09659 #5973B1

Analogous

#B16A59 #B09659 #9FB159

Triadic

#B09659 #59B196 #9659B1

Split-comp.

#B09659 #599FB1 #6A59B1

Tetradic

#B09659 #59B16A #5973B1 #B1599F

Monochromatic

#272217 #675A3C #A49165 #B7A885 #D4CAB5

Suggested palettes for this hue.

Leather & Wood View all →

Sand Desert View all →

Purple UI View all →