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

RGB rgb(243, 20, 121)

HSL hsl(333°, 90%, 52%)

CMYK C:0% M:92% Y:50% K:5%

Luminance 0.2079

WCAG Accessibility

On white 4.05:1

Aa — #F31479

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.19:1

Aa — #F31479

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F31479 #16F390

Analogous

#F316E8 #F31479 #F32116

Triadic

#F31479 #7AF316 #167AF3

Split-comp.

#F31479 #16F321 #16E8F3

Tetradic

#F31479 #E8F316 #16F390 #2116F3

Monochromatic

#37061C #93104B #E7237B #EC5196 #F395C0

Suggested palettes for this hue.

Rose Gold View all →

Coral Sea View all →

Golden Autumn View all →