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

RGB rgb(243, 32, 180)

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

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

Luminance 0.2322

WCAG Accessibility

On white 3.7:1

Aa — #F320B4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.68:1

Aa — #F320B4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F320B4 #20F35F

Analogous

#C920F3 #F320B4 #F3204A

Triadic

#F320B4 #B4F320 #20B4F3

Split-comp.

#F320B4 #4AF320 #20F3C9

Tetradic

#F320B4 #F3C920 #20F35F #204AF3

Monochromatic

#40072F #9C1172 #E82CAF #ED5AC1 #F49FDB

Suggested palettes for this hue.

Purple Mystery View all →

Tokyo Neon View all →

Green Meadow View all →