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

RGB rgb(180, 174, 95)

HSL hsl(56°, 36%, 54%)

CMYK C:0% M:3% Y:47% K:29%

Luminance 0.4155

WCAG Accessibility

On white 2.29:1

Aa — #B4AE5F

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.16:1

Aa — #B4AE5F

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B4AE5F #5F65B4

Analogous

#B4845F #B4AE5F #8FB45F

Triadic

#B4AE5F #5FB4AE #AE5FB4

Split-comp.

#B4AE5F #5F8FB4 #845FB4

Tetradic

#B4AE5F #5FB484 #5F65B4 #B45F8F

Monochromatic

#2D2C1A #6D6A40 #A8A46B #BBB88B #D7D6BC

Suggested palettes for this hue.

Kyoto Zen View all →

Red Passion View all →

Success Green View all →