Thistle color values
| Format | Value |
|---|---|
| Hex | #D8BFD8 |
| RGB | rgb(216, 191, 216) |
| HSL | hsl(300, 24%, 80%) |
| HSV | 300, 12%, 85% |
| CMYK (simple conversion) | 0%, 12%, 0%, 15% |
| Decimal | 14204888 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Thistle
A pale, grayish purple inspired by the flowering thistle plant. Designers use it for subtle, romantic backgrounds or delicate botanical illustrations. It lacks the intensity of deeper purples, making it suitable for quiet, understated interface elements. It is one of the 148 CSS named colors.
Shades and tints of Thistle
Tints mix Thistle with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #DCC5DC | #C2ACC2 |
| 20% | #E0CCE0 | #AD99AD |
| 30% | #E4D2E4 | #978697 |
| 40% | #E8D9E8 | #827382 |
| 50% | #ECDFEC | #6C606C |
Color harmony for Thistle
These colors keep the same saturation and lightness as Thistle and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #BFD8BF |
| Analogous | #CCBFD8 #D8BFCC |
| Triadic | #D8D8BF #BFD8D8 |
| Split complementary | #CCD8BF #BFD8CC |
Contrast and accessibility
Contrast between #D8BFD8 and white is 1.70:1 (fails). Against black it is 12.36:1 (passes AAA). For text on a Thistle background, black text is the more readable choice.
Use Thistle in CSS
.element {
color: thistle;
background-color: #D8BFD8;
border-color: rgb(216 191 216);
outline-color: hsl(300 24% 80%);
}All four lines produce exactly the same color. The keyword thistle is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
FAQ
What is the hex code for Thistle?
The hex code for Thistle is #D8BFD8. As a CSS color keyword you can also write thistle.
What is Thistle in RGB?
Thistle is rgb(216, 191, 216): red 216, green 191, blue 216 on the 0 to 255 scale.
What color is closest to Thistle?
Of the CSS named colors, lightgray (#D3D3D3) is the closest match to Thistle, followed by gainsboro and plum.
More colors
- Teal: previous page
- Tomato: next page
- CSS named colors: the full list