Magenta

#FD3DB5

What color is Magenta?

Magenta is a vivid, warm pink with a strong purple cast, hex #FD3DB5, similar in intensity to a bougainvillea bloom. It is brighter than most pinks and carries more red than a standard violet.

What is the meaning of the color Magenta?

François-Emmanuel Verguin synthesized the dye fuchsine in 1859, which was renamed magenta that same year after the French victory at the Battle of Magenta in northern Italy. The renamed dye became one of the first synthetic textile colors sold commercially in Europe, spreading quickly through the fashion industry in the 1860s. Magenta has no single wavelength in the visible light spectrum and is produced by the human eye combining red and blue signals, a fact documented in color perception research. Deutsche Telekom registered a specific shade of magenta as a protected trademark color in Germany in 1992, anchoring the color to one of the most recognized corporate identities in Europe.

RGB
253, 61, 181
HSL
323°, 98%, 62%
CMYK
0, 76, 28, 1
HSV
323°, 76%, 99%
Magenta color

What colors go with Magenta?

Colors that pair well with Magenta include:
Black: sharp, high-contrast anchor
Gold: warm, rich complement
Navy Blue: cool, grounding balance
White: clean, bright contrast
Emerald Green: bold, vivid clash

Similar Colors

Conversions & Codes

Format Value CSS
HEX #FD3DB5 color: #FD3DB5;
RGB 253, 61, 181 color: rgb(253, 61, 181);
RGB Percentage 99%, 24%, 71% color: rgb(99%, 24%, 71%);
CMYK 0%, 76%, 28%, 1% Not supported in CSS
HSL 323°, 98%, 62% color: hsl(323, 98%, 62%);
HSV 323°, 76%, 99% Not supported in CSS
CIE-LAB 50, 38, -40 color: lab(50% 38 -40);
Decimal 16596405 Not supported in CSS

Color Variations

Shades

#FD3FB4
#FD20A8
#FA039B
#DB0288
#BC0275
#9D0261
#7D014E
#5E013A

Tints

#FEC5E9
#FEB2E1
#FE9FDA
#FE8CD2
#FE79CB
#FD66C3
#FD52BC
#FD3FB4

Tones

#FD3FB4
#F449B2
#EA52B0
#E15CAE
#D765AB
#CE6FA9
#C478A7
#BB82A5

Hues

#FD3FB4
#FD583F
#FDE73F
#85FD3F
#3FFD88
#3FE4FD
#3F55FD
#B73FFD

Color Harmonies

Analogous

#E73FFD
Click to copy
#FD3DB5
Click to copy
#FD3F55
Click to copy

Complementary

#FD3DB5
Click to copy
#3FFD88
Click to copy

Split Complementary

#FD3DB5
Click to copy
#55FD3F
Click to copy
#3FFDE7
Click to copy

Triadic

#FD3DB5
Click to copy
#B4FD3F
Click to copy
#3FB4FD
Click to copy

Tetradic

#FD3DB5
Click to copy
#FDE73F
Click to copy
#3FFD88
Click to copy
#3F55FD
Click to copy

Square

#FD3DB5
Click to copy
#FDE73F
Click to copy
#3FFD88
Click to copy
#3F55FD
Click to copy

CSS & Dev Snippets

CSS
.magenta {
  color: #FD3DB5;
}
SCSS
$magenta: #FD3DB5;
RGB
rgb(253, 61, 181)

Accessibility & Contrast

White background

3.23:1
3.23
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

6.51:1
6.51
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags