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

RGB rgb(243, 32, 229)

HSL hsl(304°, 90%, 54%)

CMYK C:0% M:87% Y:6% K:5%

Luminance 0.2556

WCAG Accessibility

On white 3.42:1

Aa — #F320E5

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.15:1

Aa — #F320E5

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F320E5 #20F32E

Analogous

#9820F3 #F320E5 #F3207C

Triadic

#F320E5 #E5F320 #20E5F3

Split-comp.

#F320E5 #7CF320 #20F398

Tetradic

#F320E5 #F39820 #20F32E #207CF3

Monochromatic

#40073C #9C1193 #E82CDB #ED5AE3 #F49FEF

Suggested palettes for this hue.

Mediterranean View all →

Danger Red View all →

Golden Autumn View all →