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

RGB rgb(223, 15, 120)

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

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

Luminance 0.1734

WCAG Accessibility

On white 4.69:1

Aa — #DF0F78

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.48:1

Aa — #DF0F78

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF0F78 #10E078

Analogous

#E010E0 #DF0F78 #E01010

Triadic

#DF0F78 #78E010 #1078E0

Split-comp.

#DF0F78 #10E010 #10E0E0

Tetradic

#DF0F78 #E0E010 #10E078 #1010E0

Monochromatic

#F7C4DE #EC6AAB #D41C78 #A7165E #630D38

Suggested palettes for this hue.

Success Green View all →

Deep Ocean View all →

Sand Desert View all →