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

RGB rgb(152, 10, 69)

HSL hsl(335°, 88%, 32%)

CMYK C:0% M:93% Y:55% K:40%

Luminance 0.0728

WCAG Accessibility

On white 8.52:1

Aa — #980A45

Secondary text

✓ AA ✓ AAA ✓ AA Large

On black 2.46:1

Aa — #980A45

Secondary text

✗ AA ✗ AAA ✗ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#980A45 #0A995E

Analogous

#990A8D #980A45 #99160A

Triadic

#980A45 #46990A #0A4699

Split-comp.

#980A45 #0A9916 #0A8D99

Tetradic

#980A45 #8D990A #0A995E #160A99

Monochromatic

#EF80AE #E42575 #911247 #640C31 #200410

Suggested palettes for this hue.

Santorini View all →

Art Deco View all →

Success Green View all →