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

RGB rgb(243, 32, 219)

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

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

Luminance 0.2503

WCAG Accessibility

On white 3.48:1

Aa — #F320DB

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.04:1

Aa — #F320DB

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F320DB #20F339

Analogous

#A220F3 #F320DB #F32071

Triadic

#F320DB #DBF320 #20DBF3

Split-comp.

#F320DB #71F320 #20F3A2

Tetradic

#F320DB #F3A220 #20F339 #2071F3

Monochromatic

#40073A #9C118C #E82CD2 #ED5ADC #F49FEA

Suggested palettes for this hue.

Concrete Steel View all →

Golden Autumn View all →

Rose Gold View all →