CSS Color: DarkMagenta
Named CSS color DarkMagenta — #8B008B in HEX, rgb(139, 0, 139) in RGB, hsl(300, 100%, 27%) in HSL.
Color Values
| Format | Value | CSS Usage |
|---|---|---|
| Named | DarkMagenta | color: DarkMagenta; |
| HEX | #8B008B | color: #8B008B; |
| RGB | rgb(139, 0, 139) | color: rgb(139, 0, 139); |
| HSL | hsl(300, 100%, 27%) | color: hsl(300, 100%, 27%); |
About DarkMagenta
DarkMagenta is a deep, saturated magenta with full intensity. At hex `#8B008B`, it has equal red and blue (139 each) with zero green. Sitting at 300 degrees with full saturation and 27% lightness, it is a slightly richer version of CSS Purple.
In web design, DarkMagenta provides a bold, creative accent that meets accessibility requirements on light backgrounds. With approximately 8.8:1 contrast against white, it passes WCAG AAA for all text sizes. This makes it one of the few vibrant purple-range colors suitable for body text.
DarkMagenta works well for creative brand identities, bold accent text, and distinctive UI elements. It conveys innovation, boldness, and creative energy. It is slightly lighter than Purple (`#800080`) and can be used as a more noticeable alternative.
DarkMagenta pairs well with gold, cream, white, light lavender, and lime green. In Tailwind CSS, `fuchsia-800` or `purple-800` are approximate matches.
FAQ
What is the hex code for DarkMagenta?
The CSS named color DarkMagenta has the hex code #8B008B. You can use it in CSS as color: #8B008B; or simply color: DarkMagenta;.
What is DarkMagenta in RGB?
In RGB notation, DarkMagenta is rgb(139, 0, 139). Use it in CSS as color: rgb(139, 0, 139);.
What is DarkMagenta in HSL?
In HSL notation, DarkMagenta is hsl(300, 100%, 27%). Use it in CSS as color: hsl(300, 100%, 27%);.
What color category is DarkMagenta?
DarkMagenta belongs to the Purple color family in the CSS named colors specification.
Can I use the name "DarkMagenta" directly in CSS?
Yes. All modern browsers support CSS named colors. You can write color: DarkMagenta; or background-color: DarkMagenta; directly in your stylesheet. Named colors are case-insensitive.
Try in Color Converter
Convert DarkMagenta to other formats, check contrast ratios, explore palettes, and find the closest Tailwind CSS class.
Open Color Converter →