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

RGB rgb(223, 15, 148)

HSL hsl(322°, 87%, 47%)

CMYK C:0% M:93% Y:34% K:13%

Luminance 0.1815

WCAG Accessibility

On white 4.53:1

Aa — #DF0F94

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.63:1

Aa — #DF0F94

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF0F94 #10E05C

Analogous

#C410E0 #DF0F94 #E0102B

Triadic

#DF0F94 #94E010 #1094E0

Split-comp.

#DF0F94 #2BE010 #10E0C4

Tetradic

#DF0F94 #E0C410 #10E05C #102BE0

Monochromatic

#F7C4E5 #EC6ABC #D41C90 #A71672 #630D44

Suggested palettes for this hue.

French Riviera View all →

Berries View all →

Memphis Design View all →