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

RGB rgb(222, 38, 167)

HSL hsl(318°, 74%, 51%)

CMYK C:0% M:83% Y:25% K:13%

Luminance 0.196

WCAG Accessibility

On white 4.25:1

Aa — #DE26A7

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.94:1

Aa — #DE26A7

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#DE26A7 #26DF5D

Analogous

#BA26DF #DE26A7 #DF264B

Triadic

#DE26A7 #A7DF26 #26A7DF

Split-comp.

#DE26A7 #4BDF26 #26DFBA

Tetradic

#DE26A7 #DFBA26 #26DF5D #264BDF

Monochromatic

#2E0A23 #821C63 #D232A2 #DB5CB5 #E99BD1

Suggested palettes for this hue.

Gradient Sunset View all →

Tokyo Neon View all →

Northern Lights View all →