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

RGB rgb(237, 40, 195)

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

CMYK C:0% M:83% Y:18% K:7%

Luminance 0.2331

WCAG Accessibility

On white 3.69:1

Aa — #ED28C3

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.69:1

Aa — #ED28C3

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#ED28C3 #26ED51

Analogous

#B526ED #ED28C3 #ED265E

Triadic

#ED28C3 #C2ED26 #26C2ED

Split-comp.

#ED28C3 #5EED26 #26EDB5

Tetradic

#ED28C3 #EDB526 #26ED51 #265EED

Monochromatic

#3E0933 #98167C #E232BC #E85ECA #F2A1E0

Suggested palettes for this hue.

Grey Minimal View all →

Gradient Sunset View all →

Vibrant Summer View all →