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

"Caramel"

Earth · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Caramel pairs ideally with #1C1B18 (dark text) and a neutral background for a modern, readable result.

Values

HEX #B3AD9E

RGB rgb(179, 173, 158)

HSL hsl(43°, 12%, 66%)

CMYK C:0% M:3% Y:12% K:30%

Luminance 0.4274

WCAG Accessibility

On white 2.24:1

Aa — #B3AD9E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.39:1

Aa — #B3AD9E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B3AD9E #9EA4B3

Analogous

#B3A29E #B3AD9E #AEB39E

Triadic

#B3AD9E #9EB3AD #AD9EB3

Split-comp.

#B3AD9E #9EAEB3 #A29EB3

Tetradic

#B3AD9E #9EB3A2 #9EA4B3 #B39EAE

Monochromatic

#444341 #787673 #AAA9A7 #C3C2C1 #E9E8E8

Suggested palettes for this hue.

Northern Lights View all →

Purple UI View all →

French Riviera View all →