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

RGB rgb(114, 43, 83)

HSL hsl(326°, 45%, 31%)

CMYK C:0% M:62% Y:27% K:55%

Luminance 0.0565

WCAG Accessibility

On white 9.61:1

Aa — #722B53

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.19:1

Aa — #722B53

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#722B53 #2B734A

Analogous

#6E2B73 #722B53 #732B30

Triadic

#722B53 #54732B #2B5473

Split-comp.

#722B53 #30732B #2B736E

Tetradic

#722B53 #736E2B #2B734A #2B3073

Monochromatic

#CF9BB9 #AE5688 #6B3353 #482338 #150A10

Suggested palettes for this hue.

Grey Minimal View all →

Chocolate View all →

Marrakech View all →