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

RGB rgb(180, 10, 128)

HSL hsl(318°, 89%, 37%)

CMYK C:0% M:94% Y:29% K:29%

Luminance 0.1152

WCAG Accessibility

On white 6.37:1

Aa — #B40A80

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.3:1

Aa — #B40A80

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B40A80 #0AB23D

Analogous

#910AB2 #B40A80 #B20A2C

Triadic

#B40A80 #80B20A #0A80B2

Split-comp.

#B40A80 #2CB20A #0AB291

Tetradic

#B40A80 #B2910A #0AB23D #0A2CB2

Monochromatic

#F396D7 #E83BB4 #A9147C #7B0E5B #370628

Suggested palettes for this hue.

Purple Mystery View all →

Pop Art View all →

Matcha View all →