Magenta (B30BB7) — Shades, Harmonies, Palettes, CSS Code

"Magenta"

Pink · Spring

🧠 Psychology

Color of mystery and creativity. Evokes luxury, spirituality and originality.

✨ Uses

Luxury, beauty, spirituality, creative tech, gaming.

Tip

Magenta pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #B30BB7

RGB rgb(179, 11, 183)

HSL hsl(299°, 89%, 38%)

CMYK C:2% M:94% Y:0% K:28%

Luminance 0.1331

WCAG Accessibility

On white 5.76:1

Aa — #B30BB7

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.65:1

Aa — #B30BB7

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B30BB7 #0EB70B

Analogous

#5E0BB7 #B30BB7 #B70B64

Triadic

#B30BB7 #B7B40B #0BB7B4

Split-comp.

#B30BB7 #64B70B #0BB75E

Tetradic

#B30BB7 #B75E0B #0EB70B #0B64B7

Monochromatic

#F29BF3 #E63FE9 #AB14AD #7E0F80 #3A073B

Suggested palettes for this hue.

Sahara View all →

Leather & Wood View all →

Coral Sea View all →