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

RGB rgb(240, 43, 201)

HSL hsl(312°, 87%, 55%)

CMYK C:0% M:82% Y:16% K:6%

Luminance 0.2431

WCAG Accessibility

On white 3.56:1

Aa — #F02BC9

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.89:1

Aa — #F02BC9

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F02BC9 #28F050

Analogous

#B428F0 #F02BC9 #F02864

Triadic

#F02BC9 #C8F028 #28C8F0

Split-comp.

#F02BC9 #64F028 #28F0B4

Tetradic

#F02BC9 #F0B428 #28F050 #2864F0

Monochromatic

#440938 #9E1582 #E534C1 #EA61CF #F3A5E4

Suggested palettes for this hue.

Chocolate View all →

Tokyo Neon View all →

Vintage Sepia View all →