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

RGB rgb(179, 170, 158)

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

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

Luminance 0.4159

WCAG Accessibility

On white 2.29:1

Aa — #B3AA9E

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.16:1

Aa — #B3AA9E

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B3AA9E #9EA7B3

Analogous

#B39F9E #B3AA9E #B1B39E

Triadic

#B3AA9E #9EB3AA #AA9EB3

Split-comp.

#B3AA9E #9EB1B3 #9F9EB3

Tetradic

#B3AA9E #9EB39F #9EA7B3 #B39EB1

Monochromatic

#444241 #787673 #AAA9A7 #C3C2C1 #E9E8E8

Suggested palettes for this hue.

Vintage Sepia View all →

Tropical Fruits View all →

White Marble View all →