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

RGB rgb(214, 26, 162)

HSL hsl(317°, 78%, 47%)

CMYK C:0% M:88% Y:24% K:16%

Luminance 0.1759

WCAG Accessibility

On white 4.64:1

Aa — #D61AA2

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.53:1

Aa — #D61AA2

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D61AA2 #1AD54F

Analogous

#AD1AD5 #D61AA2 #D51A43

Triadic

#D61AA2 #A0D51A #1AA0D5

Split-comp.

#D61AA2 #43D51A #1AD5AD

Tetradic

#D61AA2 #D5AD1A #1AD54F #1A43D5

Monochromatic

#F4C7E8 #E472C4 #C9269B #9F1E7A #5E1249

Suggested palettes for this hue.

Grey Minimal View all →

White Marble View all →

Marrakech View all →