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

RGB rgb(242, 25, 157)

HSL hsl(324°, 89%, 52%)

CMYK C:0% M:90% Y:35% K:5%

Luminance 0.2186

WCAG Accessibility

On white 3.89:1

Aa — #F2199D

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.4:1

Aa — #F2199D

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F2199D #18F26F

Analogous

#DC18F2 #F2199D #F2182D

Triadic

#F2199D #9AF218 #189AF2

Split-comp.

#F2199D #2DF218 #18F2DC

Tetradic

#F2199D #F2DC18 #18F26F #182DF2

Monochromatic

#370623 #92115E #E52498 #EB52AD #F396CE

Suggested palettes for this hue.

Pop Art View all →

Green Meadow View all →

Gold & Black View all →