What is Magenta color? Meaning, Hex codes and Palettes

Explore the hex code, RGB, HSL, CMYK and LAB values for Magenta, see how it looks for people with color vision deficiencies, and find color harmonies built around it.

#FD3DB5
HEX#FD3DB5
RGB253, 61, 181
HSL323°, 98%, 62%
HSB323°, 76%, 99%
CMYK0, 76, 28, 1
LAB59, 80, -20
XYZ50.5, 27.6, 46.4
LCH59, 82, 346°
LUV59, 106, -44
HWB323°, 24%, 1%

Magenta Color Variations

Shades, tints, tones and hues built from magenta. Hover any swatch to see its hex code.

Shades

#FD3DB5
#D9349B
#B52C81
#912367
#6C1A4E
#481134
#24091A
#000000

Tints

#FD3DB5
#FD59C0
#FE74CA
#FE90D5
#FEACDF
#FEC8EA
#FFE3F4
#FFFFFF

Tones

#FD3DB5
#EB47AD
#D950A6
#C75A9E
#B66397
#A46D8F
#927688
#808080

Hues

#FD3DB5
#FD553D
#FDE53D
#85FD3D
#3DFD85
#3DE5FD
#3D55FD
#B53DFD

Magenta Color Contrast

Check how readable text and graphics are against magenta. Adjust the text and background colors to see the WCAG contrast score update in real time.

Text Color
#000000
Background Color
#FD3DB5
6.51Good

High Contrast Sample Text

Strong color contrast improves legibility for everyone.

Magenta color #FD3DB5 is a vibrant pink-purple shade that represents creativity, passion, confidence, and individuality. Its bold and expressive appearance is often associated with imagination, energy, and emotional intensity, making it a popular choice for designs that aim to stand out and inspire.

Magenta Color Harmonies

Ready-made color scheme combinations built around magenta, from subtle analogous palettes to bold, high-contrast pairings.

Analogous

#E53DFD
#FD3DB5
#FD3D55

Complementary

#FD3DB5
#3DFD85

Split Complementary

#FD3DB5
#55FD3D
#3DFDE5

Triadic

#FD3DB5
#B5FD3D
#3DB5FD

Tetradic

#FD3DB5
#FD853D
#3DFD85
#3DB5FD

Square

#FD3DB5
#FDE53D
#3DFD85
#3D55FD

Magenta Color Blindness Preview

See how magenta is perceived by people with the most common color vision deficiencies.

Protanopia
#FD3DB5
Original
#AAA898
Protanopia
Deuteranopia
#FD3DB5
Original
#B5C391
Deuteranopia
Tritanopia
#FD3DB5
Original
#F3817C
Tritanopia
Achromatopsia
#FD3DB5
Original
#848484
Achromatopsia

Frequently Asked Questions

1. What colors go with Magenta?

Magenta pairs well with black, white, gray, navy blue, and gold for a stylish and balanced look. It also works beautifully with teal, emerald green, and other vibrant shades for bold and creative palettes.

2. What colors make Magenta?

Magenta is created by combining red and blue tones to produce a vivid pink-purple color. In digital design, Magenta #FD3DB5 is represented using specific RGB values to achieve its bright and saturated appearance.

3. What does Magenta mean?

Magenta represents creativity, passion, confidence, and individuality. It is often associated with imagination, emotional expression, and a bold personality because of its intense and vibrant appearance.

More Color Meanings