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

RGB rgb(244, 24, 151)

HSL hsl(325°, 91%, 53%)

CMYK C:0% M:90% Y:38% K:4%

Luminance 0.2197

WCAG Accessibility

On white 3.87:1

Aa — #F41897

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.42:1

Aa — #F41897

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#F41897 #1AF475

Analogous

#E21AF4 #F41897 #F41A2C

Triadic

#F41897 #99F41A #1A99F4

Split-comp.

#F41897 #2CF41A #1AF4E2

Tetradic

#F41897 #F4E21A #1AF475 #1A2CF4

Monochromatic

#3C0626 #981060 #E82697 #ED54AD #F499CE

Suggested palettes for this hue.

Nordic View all →

Velvet & Silk View all →

Moss & Stone View all →