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

RGB rgb(243, 16, 130)

HSL hsl(330°, 90%, 51%)

CMYK C:0% M:93% Y:47% K:5%

Luminance 0.2092

WCAG Accessibility

On white 4.03:1

Aa — #F31082

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.21:1

Aa — #F31082

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F31082 #12F382

Analogous

#F312F3 #F31082 #F31212

Triadic

#F31082 #82F312 #1282F3

Split-comp.

#F31082 #12F312 #12F3F3

Tetradic

#F31082 #F3F312 #12F382 #1212F3

Monochromatic

#32061C #8E104F #E61E82 #EB4C9C #F391C2

Suggested palettes for this hue.

Blue Serenity View all →

Success Green View all →

Vintage Sepia View all →