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

RGB rgb(190, 173, 85)

HSL hsl(50°, 45%, 54%)

CMYK C:0% M:9% Y:55% K:25%

Luminance 0.4223

WCAG Accessibility

On white 2.26:1

Aa — #BEAD55

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.3:1

Aa — #BEAD55

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BEAD55 #5567BE

Analogous

#BE7855 #BEAD55 #9BBE55

Triadic

#BEAD55 #55BEAD #AD55BE

Split-comp.

#BEAD55 #559BBE #7855BE

Tetradic

#BEAD55 #55BE78 #5567BE #BE559B

Monochromatic

#302C17 #756B38 #B3A561 #C3B983 #DCD6B7

Suggested palettes for this hue.

Blue Serenity View all →

Sunset View all →

Arctic Tundra View all →