Codes & values
- Color Name
Thistle - Color ID
KDF-C-14204888 - HEX
#D8BFD8 - RGB
rgb(216, 191, 216) - RGBA
rgba(216, 191, 216, 1) - HSL
hsl(300, 24%, 80%) - HSLA
hsla(300, 24%, 80%, 1) - HSV / HSB
hsv(300, 12%, 85%) - CMYK
cmyk(0%, 12%, 0%, 15%) - Light / Dark
light
Quick answers
- What is the HEX code for Thistle?
- #D8BFD8
- What is Thistle RGB?
- rgb(216, 191, 216)
- What is Thistle HSL?
- hsl(300, 24%, 80%)
- What is Thistle CMYK?
- cmyk(0%, 12%, 0%, 15%)
What is Thistle?
Thistle is a curated pink family color at #D8BFD8. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: cool — calmer, often used for tech, healthcare, and finance trust..
Thistle HEX code
The HEX code for Thistle is #D8BFD8. Paste it into CSS as color: #D8BFD8; or background-color: #D8BFD8;. Design tools accept the same six-digit value without the # prefix (d8bfd8).
Thistle RGB
Thistle in RGB is rgb(216, 191, 216) (channels R 216, G 191, B 216). Use RGB when you need opacity via rgba(216, 191, 216, 1).
Thistle HSL & HSV
HSL is hsl(300, 24%, 80%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(300, 12%, 85%), closer to how many digital pickers expose hue, saturation, and brightness.
Thistle CMYK
Approximate CMYK for Thistle is cmyk(0%, 12%, 0%, 15%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Thistle
Darker shades (mixed toward black): #B49FB4, #907F90, #6C606C, #484048, #242024. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Thistle
Lighter tints (mixed toward white): #DFCADF, #E5D4E5, #ECDFEC, #F2EAF2, #F9F4F9. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Thistle
Complementary pairing: #D8BFD8, #BFD8BF. Analogous neighbors: #CCBFD8, #D8BFD8, #D8BFCC. Triadic accents: #D8BFD8, #D8D8BF, #BFD8D8. Always check text contrast when pairing.
Thistle color combinations
A practical combo: primary #D8BFD8, complementary accent #BFD8BF, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #D8BFD8, #CCD8BF, #BFD8CC.
Thistle in web design
Pink ranges from soft blush UI to bold fashion accents. Pastel pinks suit lifestyle brands; hot pinks need dark backgrounds for readability.
Thistle in branding
Pink brands skew beauty, fashion, and social. Deep rose can feel premium; pastel pink feels gentle. Contrast vs white is 1.70:1 (better as a large accent or background than small body text); vs black 12.36:1.
Thistle as a pastel
Thistle sits in the pastel range — high lightness, softer saturation. Use it for wellness, kids, and spring campaigns; pair with deeper companions for hierarchy.
Frequently asked questions
- What is the HEX code for Thistle?
- Thistle: #D8BFD8.
- What is Thistle RGB?
- Thistle: rgb(216, 191, 216).
- What is Thistle HSL?
- Thistle: hsl(300, 24%, 80%).
- What is Thistle CMYK?
- Thistle: cmyk(0%, 12%, 0%, 15%).
- What colors go with Thistle?
- Try complementary #D8BFD8, #BFD8BF or analogous #CCBFD8, #D8BFD8, #D8BFCC.
- Is Thistle good for text on white?
- Not ideal for small body text (1.70:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.70:1 (prefer large accent or background). Contrast vs black: 12.36:1. Complementary swatch: #D8BFD8, #BFD8BF.
Explore related
Pink colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK