Dark Magenta color codes
| CSS name | darkmagenta |
|---|---|
| HEX | #8B008B |
| RGB | rgb(139, 0, 139) |
| HSL | hsl(300, 100%, 27%) |
| CMYK | cmyk(0%, 100%, 0%, 45%) |
| Decimal | 9109643 |
Shades of Dark Magenta (darker)
#7D007D · #6F006F · #610061 · #530053 · #460046 · #380038 · #2A002A · #1C001C · #0E000E
Tints of Dark Magenta (lighter)
#971A97 · #A233A2 · #AE4DAE · #B966B9 · #C580C5 · #D199D1 · #DCB3DC · #E8CCE8 · #F3E6F3
Color harmonies
| Complementary | #008A00 |
|---|---|
| Triadic | #8A8A00, #008A8A |
| Analogous | #45008A, #8A0045 |
Accessibility (WCAG contrast)
| White text on Dark Magenta | 8.50:1 · AAA |
|---|---|
| Black text on Dark Magenta | 2.47:1 · Fail |
Use Dark Magenta in code
.element {
color: darkmagenta; /* or #8b008b */
background-color: rgb(139 0 139 / 0.5);
}Frequently asked questions
What is the hex code for Dark Magenta?
Dark Magenta is #8B008B in HEX, rgb(139, 0, 139) in RGB and hsl(300, 100%, 27%) in HSL.
Can I use "darkmagenta" directly in CSS?
Yes. "darkmagenta" is one of the 148 standard CSS named colors, so color: darkmagenta; works in every browser.
Is Dark Magenta readable on white?
The contrast ratio of Dark Magenta on white is 8.50:1 (WCAG AAA). On black it is 2.47:1 (Fail).
What is the complementary color of Dark Magenta?
The complementary color (opposite on the color wheel) is #008A00.
Similar colors
Purple#800080Medium Violet Red#C71585Rebecca Purple#663399Indigo#4B0082Dark Violet#9400D3Dark Orchid#9932CCDark Slate Blue#483D8BBlue Violet#8A2BE2
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.