A vivid medium violet, white text passes AA
What color is darkorchid?
darkorchid is a vivid medium violet: #9932cc in hex, rgb(153 50 204). White text on it reaches 5.70:1, passing WCAG AA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | darkorchid |
| Hex | #9932cc |
| RGB | rgb(153 50 204) |
| HSL | hsl(280 61% 50%) |
| OKLCH | oklch(54.1% 0.227 311.5) |
| Nearest Tailwind color | fuchsia-700 #a800b7, 0.057 away in OKLab |
| White text | 5.70:1: AA passes, AAA fails, large text passes |
| Black text | 3.68:1: AA fails, AAA fails, large text passes |
About darkorchid
In OKLCH terms darkorchid has a lightness of 54.1%, a chroma of 0.227 and a hue of 311.5 degrees, a vivid medium violet to the eye.
HSL and OKLCH agree on how light it is, 50% and 54.1%. Among the CSS keywords, darkviolet (#9400d3) comes closest at 0.043 in OKLab, close enough to stand in for it in a sketch.
With white text, darkorchid passes AA at 5.70:1. Black text, at 3.68:1, does not. In the hue-sorted table of named colors it sits between mediumpurple and blueviolet.
In Tailwind CSS 4.3.3 the nearest default color is fuchsia-700 (#a800b7), 0.057 away in OKLab; for the exact color, an arbitrary value such as bg-[#9932cc] works.
Tints and shades
- #eedff9
- #ddbff2
- #cc9fe9
- #bb7fe0
- #aa5cd7
- #9932cc
- #7725a0
- #571975
- #380d4e
- #1c0429
- #050009
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
- #9932cc
- #1e1625
- #dab3f7
- #5a3c69
- #e1d7eb
Locked as the first of five swatches, darkorchid gets #1e1625, #dab3f7, #5a3c69, #e1d7eb 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 darkorchid
As a text color, darkorchid on a white page gives the same 5.70:1.
.notice {
background-color: darkorchid; /* #9932cc */
color: white; /* 5.70:1 */
}Common questions
Does white text pass WCAG AA on darkorchid?
Yes. White text measures 5.70:1 on darkorchid, above the 4.5:1 that WCAG AA asks of body text.
Can darkorchid be written in OKLCH?
Yes: oklch(54.1% 0.227 311.5), computed from #9932cc. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkorchid?
Yes: darkviolet (#9400d3) is the nearest, 0.043 away in OKLab, then blueviolet at 0.049.