A vivid dark purple, white text passes AA
What color is darkmagenta?
darkmagenta is a vivid dark purple: #8b008b in hex, rgb(139 0 139). White text on it reaches 8.50:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | darkmagenta |
| Hex | #8b008b |
| RGB | rgb(139 0 139) |
| HSL | hsl(300 100% 27%) |
| OKLCH | oklch(44.7% 0.205 328.4) |
| Nearest Tailwind color | fuchsia-800 #8a0194, 0.015 away in OKLab |
| White text | 8.50:1: AA passes, AAA passes, large text passes |
| Black text | 2.47:1: AA fails, AAA fails, large text fails |
About darkmagenta
In OKLCH terms darkmagenta has a lightness of 44.7%, a chroma of 0.205 and a hue of 328.4 degrees, a vivid dark purple to the eye.
HSL puts its lightness at 27% and OKLCH at 44.7%, 17 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. Among the CSS keywords, purple (#800080) comes closest at 0.028 in OKLab, close enough to stand in for it in a sketch.
For text, darkmagenta wants white: 8.50:1 clears even AAA's 7:1, and black at 2.47:1 fails AA. In the hue-sorted table of named colors it sits between mediumorchid and purple.
In Tailwind CSS 4.3.3 the nearest default color is fuchsia-800 (#8a0194), 0.015 away in OKLab; for the exact color, an arbitrary value such as bg-[#8b008b] works.
Tints and shades
- #eed9ec
- #dcb3d9
- #c98ec6
- #b569b3
- #a1419f
- #8b008b
- #6c006c
- #4e004e
- #320032
- #190019
- #040004
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #8b008b
- #cdb5d0
- #2d1d2a
- #efd7ed
- #b263aa
Locked as the first of five swatches, darkmagenta gets #cdb5d0, #2d1d2a, #efd7ed, #b263aa from Recolor's generator, a monochromatic palette, one hue in five lightnesses. The seed is its hex, so the palette stays the same. Open it in Recolor.
Using darkmagenta
As a text color, darkmagenta on a white page gives the same 8.50:1.
.notice {
background-color: darkmagenta; /* #8b008b */
color: white; /* 8.50:1 */
}Common questions
Does white text pass WCAG AA on darkmagenta?
Yes. White text measures 8.50:1 on darkmagenta, above the 4.5:1 that WCAG AA asks of body text, and above AAA's 7:1 too.
Can darkmagenta be written in OKLCH?
Yes: oklch(44.7% 0.205 328.4), computed from #8b008b. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkmagenta?
Yes: purple (#800080) is the nearest, 0.028 away in OKLab, then rebeccapurple at 0.091.