Magenta (BA5A8F) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Spring

🧠 Psychology

Emotional and creative color. Evokes transformation, innovation and modern femininity.

✨ Uses

Fashion, beauty, youth marketing, creative tech.

Tip

Magenta pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #BA5A8F

RGB rgb(186, 90, 143)

HSL hsl(327°, 41%, 54%)

CMYK C:0% M:52% Y:23% K:27%

Luminance 0.1988

WCAG Accessibility

On white 4.25:1

Aa — #BA5A8F

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.95:1

Aa — #BA5A8F

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#BA5A8F #5ABA85

Analogous

#B55ABA #BA5A8F #BA5A5E

Triadic

#BA5A8F #8FBA5A #5A8FBA

Split-comp.

#BA5A8F #5EBA5A #5ABAB5

Tetradic

#BA5A8F #BAB55A #5ABA85 #5A5EBA

Monochromatic

#2F1925 #723C59 #AE658D #C087A6 #DAB9CB

Suggested palettes for this hue.

Amber Warning View all →

Northern Lights View all →

Grey Minimal View all →