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

RGB rgb(170, 17, 152)

HSL hsl(307°, 82%, 37%)

CMYK C:0% M:90% Y:11% K:33%

Luminance 0.1121

WCAG Accessibility

On white 6.48:1

Aa — #AA1198

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.24:1

Aa — #AA1198

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AA1198 #11AC23

Analogous

#7011AC #AA1198 #AC114C

Triadic

#AA1198 #9AAC11 #119AAC

Split-comp.

#AA1198 #4CAC11 #11AC70

Tetradic

#AA1198 #AC7011 #11AC23 #114CAC

Monochromatic

#EF9AE5 #E042CE #A21A92 #76136B #35092F

Suggested palettes for this hue.

Tropical Jungle View all →

Pastel 80s View all →

Sahara View all →