Magenta (B55E9A) — 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 #B55E9A

RGB rgb(181, 94, 154)

HSL hsl(319°, 37%, 54%)

CMYK C:0% M:48% Y:15% K:29%

Luminance 0.2034

WCAG Accessibility

On white 4.17:1

Aa — #B55E9A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.03:1

Aa — #B55E9A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B55E9A #5EB57A

Analogous

#A55EB5 #B55E9A #B55E6E

Triadic

#B55E9A #9AB55E #5E9AB5

Split-comp.

#B55E9A #6EB55E #5EB5A5

Tetradic

#B55E9A #B5A55E #5EB57A #5E6EB5

Monochromatic

#2D1A27 #6E3F5F #A96A95 #BC8AAC #D8BBCF

Suggested palettes for this hue.

Leather & Wood View all →

Deep Ocean View all →

Matcha View all →