- No data uploaded
- Instant results
Thistle — #D8BFD8
Thistle is the CSS named colour thistle, hex #D8BFD8. It has a contrast ratio of 1.70:1 on white and 12.36:1 on black — best used as text on dark backgrounds.
Thistle — #D8BFD8
Contrast on white 1.70:1 · on black 12.36:1
Tints
Shades
Complementary
Triadic
Analogous
Using Thistle in code
CSS: color: thistle; or color: #D8BFD8; · Tailwind: text-[#D8BFD8] · Android/Flutter: 0xFFD8BFD8
Thistle colour harmonies
Complementary: #BFD8BF · Triadic: #D8D8BF, #BFD8D8 · Analogous: #CCBFD8, #D8BFCC. Use tints for backgrounds and shades for hover states.
Thistle in every colour format
| Format | Value |
|---|---|
| HEX | #D8BFD8 |
| RGB | rgb(216, 191, 216) |
| HSL | hsl(300, 24%, 80%) |
| HSV | hsv(300, 12%, 85%) |
| CMYK | cmyk(0%, 12%, 0%, 15%) |
| CSS name | thistle |
| Contrast on white | 1.70:1 |
| Contrast on black | 12.36:1 |
Frequently asked questions
What is the hex code for Thistle?
#D8BFD8 (CSS name: thistle).
What is Thistle in RGB?
rgb(216, 191, 216)
What colour goes well with Thistle?
Its complementary colour #BFD8BF, or the analogous #CCBFD8 and #D8BFCC.