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

RGB rgb(237, 11, 119)

HSL hsl(331°, 91%, 49%)

CMYK C:0% M:95% Y:50% K:7%

Luminance 0.1952

WCAG Accessibility

On white 4.27:1

Aa — #ED0B77

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.92:1

Aa — #ED0B77

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#ED0B77 #0BEF81

Analogous

#EF0BEB #ED0B77 #EF0F0B

Triadic

#ED0B77 #79EF0B #0B79EF

Split-comp.

#ED0B77 #0BEF0F #0BEBEF

Tetradic

#ED0B77 #EBEF0B #0BEF81 #0F0BEF

Monochromatic

#FACCE2 #F070AE #E2187A #B41361 #6F0C3C

Suggested palettes for this hue.

Tokyo Neon View all →

Kyoto Zen View all →

Art Deco View all →