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

RGB rgb(223, 12, 123)

HSL hsl(328°, 90%, 46%)

CMYK C:0% M:95% Y:45% K:13%

Luminance 0.1737

WCAG Accessibility

On white 4.69:1

Aa — #DF0C7B

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.48:1

Aa — #DF0C7B

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DF0C7B #0CDF6E

Analogous

#D80CDF #DF0C7B #DF0C13

Triadic

#DF0C7B #7CDF0C #0C7CDF

Split-comp.

#DF0C7B #13DF0C #0CDFD8

Tetradic

#DF0C7B #DFD80C #0CDF6E #0C13DF

Monochromatic

#F8BFDD #EE63AD #D3177C #A51261 #600B38

Suggested palettes for this hue.

Moss & Stone View all →

Rose Gold View all →

Pastel 80s View all →