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

RGB rgb(211, 11, 134)

HSL hsl(323°, 90%, 44%)

CMYK C:0% M:95% Y:36% K:17%

Luminance 0.1584

WCAG Accessibility

On white 5.05:1

Aa — #D30B86

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.16:1

Aa — #D30B86

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#D30B86 #0BD559

Analogous

#BE0BD5 #D30B86 #D50B23

Triadic

#D30B86 #88D50B #0B88D5

Split-comp.

#D30B86 #23D50B #0BD5BE

Tetradic

#D30B86 #D5BE0B #0BD559 #0B23D5

Monochromatic

#F7B6DE #ED5AB4 #CA1685 #9C1167 #570A39

Suggested palettes for this hue.

Neon 90s View all →

Santorini View all →

Blue Serenity View all →