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

RGB rgb(228, 10, 212)

HSL hsl(304°, 92%, 47%)

CMYK C:0% M:96% Y:7% K:11%

Luminance 0.2149

WCAG Accessibility

On white 3.97:1

Aa — #E40AD4

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.29:1

Aa — #E40AD4

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#E40AD4 #0AE618

Analogous

#870AE6 #E40AD4 #E60A69

Triadic

#E40AD4 #D7E60A #0AD7E6

Split-comp.

#E40AD4 #69E60A #0AE687

Tetradic

#E40AD4 #E6870A #0AE618 #0A69E6

Monochromatic

#F9C3F5 #F066E7 #DA16CD #AC11A1 #660A60

Suggested palettes for this hue.

Vintage Sepia View all →

Northern Lights View all →

Dragonfruit View all →