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

RGB rgb(180, 166, 83)

HSL hsl(51°, 39%, 52%)

CMYK C:0% M:8% Y:54% K:29%

Luminance 0.3831

WCAG Accessibility

On white 2.46:1

Aa — #B4A653

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.52:1

Aa — #B4A653

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B4A653 #5563B4

Analogous

#B47655 #B4A653 #93B455

Triadic

#B4A653 #55B4A6 #A655B4

Split-comp.

#B4A653 #5593B4 #7655B4

Tetradic

#B4A653 #55B476 #5563B4 #B45593

Monochromatic

#272516 #69623A #A89D61 #BAB282 #D5D0B3

Suggested palettes for this hue.

Golden Autumn View all →

Arctic Tundra View all →

Northern Lights View all →