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

RGB rgb(237, 38, 161)

HSL hsl(323°, 85%, 54%)

CMYK C:0% M:84% Y:32% K:7%

Luminance 0.2181

WCAG Accessibility

On white 3.89:1

Aa — #ED26A1

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.39:1

Aa — #ED26A1

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#ED26A1 #26ED72

Analogous

#D626ED #ED26A1 #ED263D

Triadic

#ED26A1 #A1ED26 #26A1ED

Split-comp.

#ED26A1 #3DED26 #26EDD6

Tetradic

#ED26A1 #EDD626 #26ED72 #263DED

Monochromatic

#3E092A #981666 #E2329E #E85EB3 #F2A1D3

Suggested palettes for this hue.

Deep Ocean View all →

Kyoto Zen View all →

Retro 70s View all →