Thistle hex code
The hex code for thistle is #D8BFD8. In RGB that is rgb(216, 191, 216) and in HSL it is hsl(300, 24%, 80%).
The hex code for thistle is #D8BFD8. In RGB that is rgb(216, 191, 216) and in HSL it is hsl(300, 24%, 80%).
Thistle · #D8BFD8
Colour codes
- HEX
- #D8BFD8
- RGB
- rgb(216, 191, 216)
- HSL
- hsl(300, 24%, 80%)
- CMYK
- 0, 12, 0, 15
- CSS name
- thistle
- Contrast on white
- 1.70:1
- Contrast on black
- 12.36:1
Tints and shades
20% lighter · #e0cce0
40% lighter · #e8d9e8
60% lighter · #efe5ef
80% lighter · #f7f2f7
20% darker · #ad99ad
40% darker · #827382
60% darker · #564c56
80% darker · #2b262b
Complementary colour
Thistle · #D8BFD8
Opposite on the colour wheel · #c0d8c0
Frequently asked questions
What is the hex code for thistle?
The hex code for thistle is #D8BFD8. In RGB that is rgb(216, 191, 216) and in HSL it is hsl(300, 24%, 80%).
Can I use thistle for text?
It has a contrast ratio of 1.70:1 on white and 12.36:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with thistle?
Its complementary colour, opposite on the colour wheel, is #C0D8C0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of thistle instead.
Is thistle a CSS colour name?
Yes. CSS accepts the keyword thistle, so color: thistle and color: #D8BFD8 render exactly the same.