A grayish light magenta, black text passes AA
What color is thistle?
The CSS named color thistle is #d8bfd8, or rgb(216 191 216): a grayish light magenta in plain words. Black text on it reaches 12.36:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | thistle |
| Hex | #d8bfd8 |
| RGB | rgb(216 191 216) |
| HSL | hsl(300 24% 80%) |
| OKLCH | oklch(83.3% 0.044 326.0) |
| Nearest Tailwind color | mauve-300 #d7d0d7, 0.045 away in OKLab |
| White text | 1.70:1: AA fails, AAA fails, large text fails |
| Black text | 12.36:1: AA passes, AAA passes, large text passes |
About thistle
A grayish light magenta is the plain description of thistle: OKLCH lightness 83.3%, chroma 0.044, hue 326.0 degrees.
Here HSL's lightness, 80%, lands near OKLCH's 83.3%, which is not true of every color. No CSS keyword matches it; silver (#c0c0c0) is the nearest, 0.051 away in OKLab, a clear step off.
Black text on thistle measures 12.36:1, past the 7:1 of WCAG AAA, while white text manages only 1.70:1. Its neighbors in the hue-sorted list of names are indigo and plum.
The closest Tailwind 4.3.3 color is mauve-300, 0.045 away in OKLab, so bg-mauve-300 comes near; bg-[#d8bfd8] gives the color itself.
Tints and shades
- #f9f4f8
- #f2e9f2
- #ecdfeb
- #e5d4e5
- #dfc9de
- #d8bfd8
- #a995a9
- #7d6d7d
- #534853
- #2c262c
- #0a080a
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
- #d8bfd8
- #005c4d
- #f4f2c5
- #30201b
- #9f81a0
Recolor's generator, with thistle locked as swatch 1 and the seed taken from its hex, drew a free palette, hues spread around the wheel: #005c4d, #f4f2c5, #30201b, #9f81a0. Open it in Recolor.
Using thistle
As a text color, thistle on a black page gives the same 12.36:1.
.notice {
background-color: thistle; /* #d8bfd8 */
color: black; /* 12.36:1 */
}Common questions
Does white text pass WCAG AA on thistle?
No. White text measures 1.70:1 on thistle, under AA's 4.5:1; black text measures 12.36:1 and passes.
Can thistle be written in OKLCH?
Yes: oklch(83.3% 0.044 326.0), computed from #d8bfd8. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to thistle?
No. The nearest, silver (#c0c0c0), is 0.051 away in OKLab, a different color.