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

RGB rgb(186, 175, 115)

HSL hsl(51°, 34%, 59%)

CMYK C:0% M:6% Y:38% K:27%

Luminance 0.4311

WCAG Accessibility

On white 2.22:1

Aa — #BAAF73

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 9.47:1

Aa — #BAAF73

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BAAF73 #737EBA

Analogous

#BA8C73 #BAAF73 #A1BA73

Triadic

#BAAF73 #73BAAF #AF73BA

Split-comp.

#BAAF73 #73A1BA #8C73BA

Tetradic

#BAAF73 #73BA8C #737EBA #BA73A1

Monochromatic

#3C3925 #7B744C #B0A87D #C3BD9D #E0DDCC

Suggested palettes for this hue.

Grey Minimal View all →

Sunset View all →

Berries View all →