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

RGB rgb(242, 33, 162)

HSL hsl(323°, 89%, 54%)

CMYK C:0% M:86% Y:33% K:5%

Luminance 0.2241

WCAG Accessibility

On white 3.81:1

Aa — #F221A2

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.51:1

Aa — #F221A2

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F221A2 #21F271

Analogous

#DA21F2 #F221A2 #F2213A

Triadic

#F221A2 #A2F221 #21A2F2

Split-comp.

#F221A2 #3AF221 #21F2DA

Tetradic

#F221A2 #F2DA21 #21F271 #213AF2

Monochromatic

#40072A #9B1267 #E62D9F #EC5BB4 #F49FD3

Suggested palettes for this hue.

Electric Vibes View all →

Matcha Tea View all →

Nordic View all →