CSS named color
Thistle
#D8BFD8
HEX
#d8bfd8RGB
rgb(216, 191, 216)HSL
hsl(300, 24%, 80%)OKLCH
oklch(83.33% 0.0439 325.96)NAME
thistlePalette
Complementary
180° on the color wheelComplement
#C0D8C0
Analogous
±30° around the base hueLeft
#CCC0D8
Right
#D8C0CC
Triadic
±120° for harmonic contrastTriad 1
#D8D8C0
Triad 2
#C0D8D8
Shades
Lighter and darker variantsCSS usage
By name
color: thistle;
background-color: thistle;By HEX
color: #d8bfd8;
background-color: #d8bfd8;By RGB
color: rgb(216, 191, 216);
background-color: rgb(216, 191, 216);By HSL
color: hsl(300, 24%, 80%);
background-color: hsl(300, 24%, 80%);WCAG contrast vs white
Aa
1.70:1
Below minimum
WCAG contrast vs black
Aa
12.36:1
AAA
Related colors
FAQ — Thistle
What is the HEX code for Thistle?
The HEX code for Thistle is #D8BFD8. It's one of the 148 named CSS colors and can be used directly in CSS as color: thistle; or color: #d8bfd8;
What is Thistle in RGB?
Thistle in RGB is rgb(216, 191, 216) — red 216, green 191, blue 216.
What is Thistle in HSL?
Thistle in HSL is hsl(300, 24%, 80%) — hue 300°, saturation 24%, lightness 80%.
What is the complementary color of Thistle?
The complementary color (directly opposite Thistle on the color wheel) is #C0D8C0. The two together produce maximum contrast.
Is white text readable on Thistle?
The WCAG contrast ratio against white (#FFFFFF) is 1.70:1, and against black (#000000) it's 12.36:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.