Dark Magenta

#8B008B

What color is Dark Magenta?

Dark magenta is a deep, rich purple-red with a strong violet undertone, hex #8B008B, close to the color of a dried damask rose. It is darker and more muted than a typical magenta, leaning toward purple rather than pink.

What is the meaning of the color Dark Magenta?

François-Emmanuel Verguin first synthesized the dye fuchsine in 1859, and it was soon renamed magenta after the French victory at the Battle of Magenta in northern Italy that same year. The dye spread rapidly through the European textile industry, making intense purple-red tones newly affordable for the middle class. As synthetic dyes developed further through the late 19th century, darker, more saturated variants of magenta emerged for use in printing and fabric. The four-color printing process, standardized in the 20th century, anchored a version of this hue as one of its core ink colors under the name magenta.

RGB
139, 0, 139
HSL
300°, 100%, 27%
CMYK
0, 100, 0, 45
HSV
300°, 100%, 55%
Dark magenta color

What colors go with Dark Magenta?

Colors that pair well with Dark magenta include:
Gold: rich, warm contrast
Charcoal gray: strong, grounding balance
Dusty rose: soft, tonal harmony
Navy blue: deep, cool counterpoint
Ivory: light, clean relief

Similar Colors

Conversions & Codes

Format Value CSS
HEX #8B008B color: #8B008B;
RGB 139, 0, 139 color: rgb(139, 0, 139);
RGB Percentage 55%, 0%, 55% color: rgb(55%, 0%, 55%);
CMYK 0%, 100%, 0%, 45% Not supported in CSS
HSL 300°, 100%, 27% color: hsl(300, 100%, 27%);
HSV 300°, 100%, 55% Not supported in CSS
CIE-LAB 22, 28, -46 color: lab(22% 28 -46);
Decimal 9109643 Not supported in CSS

Color Variations

Shades

#8A008A
#7C007C
#6E006E
#600060
#530053
#450045
#370037
#290029

Tints

#FF8FFF
#FF6AFF
#FF45FF
#FF20FF
#F900F9
#D400D4
#AF00AF
#8A008A

Tones

#8A008A
#830783
#7C0E7C
#751575
#6E1C6E
#672267
#602960
#5A305A

Hues

#8A008A
#8A0022
#8A4500
#678A00
#008A00
#008A67
#00458A
#22008A

Color Harmonies

Analogous

#45008A
Click to copy
#8B008B
Click to copy
#8A0045
Click to copy

Complementary

#8B008B
Click to copy
#008A00
Click to copy

Split Complementary

#8B008B
Click to copy
#458A00
Click to copy
#008A45
Click to copy

Triadic

#8B008B
Click to copy
#8A8A00
Click to copy
#008A8A
Click to copy

Tetradic

#8B008B
Click to copy
#8A4500
Click to copy
#008A00
Click to copy
#00458A
Click to copy

Square

#8B008B
Click to copy
#8A4500
Click to copy
#008A00
Click to copy
#00458A
Click to copy

CSS & Dev Snippets

CSS
.dark-magenta {
  color: #8B008B;
}
SCSS
$dark-magenta: #8B008B;
RGB
rgb(139, 0, 139)

Accessibility & Contrast

White background

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

Black background

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

Popular Tags