A medium magenta, black text passes AA
What color is mediumorchid?
The CSS named color mediumorchid is #ba55d3, or rgb(186 85 211): a medium magenta in plain words. Black text on it reaches 5.33:1, passing WCAG AA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | mediumorchid |
| Hex | #ba55d3 |
| RGB | rgb(186 85 211) |
| HSL | hsl(288 59% 58%) |
| OKLCH | oklch(62.6% 0.202 319.2) |
| Nearest Tailwind color | purple-500 #ad46ff, 0.079 away in OKLab |
| White text | 3.94:1: AA fails, AAA fails, large text passes |
| Black text | 5.33:1: AA passes, AAA fails, large text passes |
About mediumorchid
A medium magenta is the plain description of mediumorchid: OKLCH lightness 62.6%, chroma 0.202, hue 319.2 degrees.
Here HSL's lightness, 58%, lands near OKLCH's 62.6%, which is not true of every color. No CSS keyword matches it; mediumpurple (#9370db) is the nearest, 0.083 away in OKLab, a clear step off.
Black text on mediumorchid reaches 5.33:1, enough for WCAG AA body text but short of AAA's 7:1; white text gets 3.94:1. Its neighbors in the hue-sorted list of names are magenta and darkmagenta.
The closest Tailwind 4.3.3 color is purple-500, 0.079 away in OKLab, so bg-purple-500 comes near; bg-[#ba55d3] gives the color itself.
Tints and shades
- #f5e4f9
- #eac8f3
- #dfadeb
- #d391e4
- #c774dc
- #ba55d3
- #9141a5
- #6a2e7a
- #461c51
- #250b2b
- #07010a
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
- #ba55d3
- #ffe2ff
- #5e4b63
- #d495ec
- #29152e
Recolor's generator, with mediumorchid locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #ffe2ff, #5e4b63, #d495ec, #29152e. Open it in Recolor.
Using mediumorchid
As a text color, mediumorchid on a black page gives the same 5.33:1.
.notice {
background-color: mediumorchid; /* #ba55d3 */
color: black; /* 5.33:1 */
}Common questions
Does white text pass WCAG AA on mediumorchid?
No. White text measures 3.94:1 on mediumorchid, under AA's 4.5:1; black text measures 5.33:1 and passes.
Can mediumorchid be written in OKLCH?
Yes: oklch(62.6% 0.202 319.2), computed from #ba55d3. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to mediumorchid?
No. The nearest, mediumpurple (#9370db), is 0.083 away in OKLab, a different color.