Caramel (B5B45E) — Shades, Harmonies, Palettes, CSS Code

"Caramel"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Caramel pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #B5B45E

RGB rgb(181, 180, 94)

HSL hsl(59°, 37%, 54%)

CMYK C:0% M:1% Y:48% K:29%

Luminance 0.4404

WCAG Accessibility

On white 2.18:1

Aa — #B5B45E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.65:1

Aa — #B5B45E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B5B45E #5E60B5

Analogous

#B5885E #B5B45E #8BB55E

Triadic

#B5B45E #5EB5B4 #B45EB5

Split-comp.

#B5B45E #5E8BB5 #885EB5

Tetradic

#B5B45E #5EB588 #5E60B5 #B55E8B

Monochromatic

#2D2D1A #6E6D3F #A9A86A #BCBB8A #D8D7BB

Suggested palettes for this hue.

Velvet & Silk View all →

Retro 70s View all →

Santorini View all →