A medium magenta, black text passes AA
What color is orchid?
orchid is a medium magenta: #da70d6 in hex, rgb(218 112 214). Black text on it reaches 7.27:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | orchid |
| Hex | #da70d6 |
| RGB | rgb(218 112 214) |
| HSL | hsl(302 59% 65%) |
| OKLCH | oklch(70.2% 0.181 328.7) |
| Nearest Tailwind color | fuchsia-400 #ed6bff, 0.069 away in OKLab |
| White text | 2.89:1: AA fails, AAA fails, large text fails |
| Black text | 7.27:1: AA passes, AAA passes, large text passes |
About orchid
A medium magenta is the plain description of orchid: OKLCH lightness 70.2%, chroma 0.181, hue 328.7 degrees.
HSL and OKLCH agree on how light it is, 65% and 70.2%. The nearest CSS named color, violet (#ee82ee), is 0.060 away in OKLab: related, but plainly a different color.
Black text on orchid measures 7.27:1, past the 7:1 of WCAG AAA, while white text manages only 2.89:1. In the hue-sorted table of named colors it sits between violet and fuchsia.
In Tailwind CSS 4.3.3 the nearest default color is fuchsia-400 (#ed6bff), 0.069 away in OKLab; for the exact color, an arbitrary value such as bg-[#da70d6] works.
Tints and shades
- #fbe8f9
- #f5d1f2
- #f0b9ec
- #e9a2e5
- #e289de
- #da70d6
- #ab56a8
- #7e3e7b
- #542752
- #2d122c
- #0b020a
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
- #da70d6
- #1d1f00
- #f7d6f6
- #754874
- #c8cf9d
Recolor's generator, with orchid locked as swatch 1 and the seed taken from its hex, drew a split-complementary palette, built on the two hues beside its opposite: #1d1f00, #f7d6f6, #754874, #c8cf9d. Open it in Recolor.
Using orchid
As a text color, orchid on a black page gives the same 7.27:1.
.notice {
background-color: orchid; /* #da70d6 */
color: black; /* 7.27:1 */
}Common questions
Does white text pass WCAG AA on orchid?
No. White text measures 2.89:1 on orchid, under AA's 4.5:1; black text measures 7.27:1 and passes.
Can orchid be written in OKLCH?
Yes: oklch(70.2% 0.181 328.7), computed from #da70d6. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to orchid?
No. The nearest, violet (#ee82ee), is 0.060 away in OKLab, a different color.