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

RGB rgb(173, 26, 143)

HSL hsl(312°, 74%, 39%)

CMYK C:0% M:85% Y:17% K:32%

Luminance 0.1155

WCAG Accessibility

On white 6.32:1

Aa — #AD1A8F

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.32:1

Aa — #AD1A8F

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AD1A8F #1AAD37

Analogous

#811AAD #AD1A8F #AD1A46

Triadic

#AD1A8F #90AD1A #1A90AD

Split-comp.

#AD1A8F #46AD1A #1AAD81

Tetradic

#AD1A8F #AD811A #1AAD37 #1A46AD

Monochromatic

#ECA7DE #D954BF #A3248A #791B66 #3B0D31

Suggested palettes for this hue.

Volcano View all →

Leather & Wood View all →

Coffee & Cream View all →