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

RGB rgb(162, 113, 152)

HSL hsl(312°, 21%, 54%)

CMYK C:0% M:30% Y:6% K:36%

Luminance 0.2208

WCAG Accessibility

On white 3.92:1

Aa — #A27198

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.35:1

Aa — #A27198

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#A27198 #71A27B

Analogous

#9471A2 #A27198 #A27180

Triadic

#A27198 #98A271 #7198A2

Split-comp.

#A27198 #80A271 #71A294

Tetradic

#A27198 #A29471 #71A27B #7180A2

Monochromatic

#282026 #604D5C #977D91 #AD99A9 #CFC4CD

Suggested palettes for this hue.

Grey Minimal View all →

Pastel 80s View all →

Provence Lavender View all →