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

RGB rgb(178, 179, 96)

HSL hsl(61°, 35%, 54%)

CMYK C:1% M:0% Y:46% K:30%

Luminance 0.4332

WCAG Accessibility

On white 2.21:1

Aa — #B2B360

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.51:1

Aa — #B2B360

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B2B360 #6261B3

Analogous

#B38B61 #B2B360 #88B361

Triadic

#B2B360 #61B1B3 #B361B1

Split-comp.

#B2B360 #6188B3 #8B61B3

Tetradic

#B2B360 #61B38B #6261B3 #B36188

Monochromatic

#2C2D1B #6C6C41 #A6A76C #B9BA8C #D6D7BC

Suggested palettes for this hue.

Danger Red View all →

Northern Lights View all →

Provence Lavender View all →