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

RGB rgb(243, 49, 209)

HSL hsl(311°, 89%, 57%)

CMYK C:0% M:80% Y:14% K:5%

Luminance 0.2568

WCAG Accessibility

On white 3.4:1

Aa — #F331D1

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.17:1

Aa — #F331D1

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F331D1 #30F354

Analogous

#B530F3 #F331D1 #F3306E

Triadic

#F331D1 #CFF330 #30CFF3

Split-comp.

#F331D1 #6EF330 #30F3B5

Tetradic

#F331D1 #F3B530 #30F354 #306EF3

Monochromatic

#4E0941 #A9148E #E83BC8 #ED68D5 #F5ADE8

Suggested palettes for this hue.

Golden Autumn View all →

Coffee & Cream View all →

Blue Serenity View all →