Thistle is a light, muted shade in the purple color family, with a warm feel. Its HEX code is #D8BFD8, which equals rgb(216, 191, 216) in RGB and hsl(300, 24%, 80%) in HSL. In print terms it converts to roughly C0 M12 Y0 K15, although exact CMYK results depend on the paper and color profile.
- HEX
#D8BFD8 - RGB
216, 191, 216 - HSL
300°, 24%, 80% - CMYK
0, 12, 0, 15 - Family
Purple - Tone
Light, muted
About Thistle
Purple shades blend the stability of blue with the energy of red. They are linked with creativity, luxury and imagination, and give designs a distinctive, premium feel. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 12.36:1. Its complementary color is #C0D8C0.
Download Thistle as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Thistle color codes
| HEX | #D8BFD8 |
|---|---|
| RGB | rgb(216, 191, 216) |
| HSL | hsl(300, 24%, 80%) |
| HSV | 300°, 12%, 85% |
| CMYK | 0%, 12%, 0%, 15% |
| Decimal | 14204888 |
Shades and tints of Thistle
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F9F4F9 - 100
#F2EAF2 - 200
#ECDFEC - 300
#E5D4E5 - 400
#DFCADF - 500
#D8BFD8 - 600
#B49FB4 - 700
#907F90 - 800
#6C606C - 900
#484048 - 950
#242024
Color harmonies for Thistle
- Complementary
#C0D8C0≈ Very Pale Dusty Green - Analogous −30°
#CCC0D8≈ Very Pale Dusty Indigo - Analogous +30°
#D8C0CC≈ Very Pale Dusty Crimson - Triadic +120°
#D8D8C0≈ Very Pale Dusty Gold - Triadic +240°
#C0D8D8≈ Very Pale Dusty Lagoon - Split 150°
#CCD8C0≈ Very Pale Dusty Clover - Split 210°
#C0D8CC≈ Very Pale Dusty Emerald
Contrast and accessibility of Thistle
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Thistle | Aa | 1.70:1 | Fails |
| Black text on Thistle | Aa | 12.36:1 | AAA (excellent) |
CSS code for Thistle
background-color: #D8BFD8;color: #D8BFD8;background-color: rgb(216, 191, 216);background-color: hsl(300, 24%, 80%);:root { --color-thistle: #D8BFD8; }class="bg-[#D8BFD8]"Colors similar to Thistle
- Very Pale Muted Grape
#D8BFE3 - Very Pale Muted Amethyst
#D5BFE3 - Very Pale Muted Purple
#DCBFE3 - Very Pale Dusty Orchid
#D8C8DA - Very Pale Dusty Fuchsia
#DAC8D8 - Very Pale Dusty Purple
#D7C8DA - Very Pale Dusty Cerise
#DAC8D7 - Very Pale Dusty Magenta
#DAC8DA - Very Pale Muted Raspberry
#E3BFD8 - Very Pale Dusty Raspberry
#DAC8D5 - Very Pale Dusty Grape
#D5C8DA - Very Pale Muted Rose
#E3BFD5
More purple shades
- Lavender
#E6E6FA - Orchid
#DA70D6 - Violet
#EE82EE - Rebecca Purple
#663399 - Indigo
#4B0082 - Blue Violet
#8A2BE2 - Dark Orchid
#9932CC - Dark Violet
#9400D3 - Medium Orchid
#BA55D3 - Mauve
#E0B0FF - Amethyst
#9966CC
Frequently asked questions
What is the HEX code for Thistle?
The HEX code for Thistle is #D8BFD8.
What is the RGB value of Thistle?
Thistle has an RGB value of 216, 191, 216 (rgb(216, 191, 216)). In HSL it is 300°, 24%, 80%.
What text color should I use on Thistle?
Use black text on Thistle. White text has a contrast ratio of 1.70:1 and black text has 12.36:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Thistle?
The complementary color of Thistle is #C0D8C0. Analogous colors #CCC0D8 and #D8C0CC also pair well.