Thistle #D8BFD8

Thistle#D8BFD8 · rgb(216, 191, 216)

Thistle color codes

CSS namethistle
HEX#D8BFD8
RGBrgb(216, 191, 216)
HSLhsl(300, 24%, 80%)
CMYKcmyk(0%, 12%, 0%, 15%)
Decimal14204888

Shades of Thistle (darker)

#C2ACC2 · #AD99AD · #978697 · #827382 · #6C606C · #564C56 · #413941 · #2B262B · #161316

Tints of Thistle (lighter)

#DCC5DC · #E0CCE0 · #E4D2E4 · #E8D9E8 · #ECDFEC · #EFE5EF · #F3ECF3 · #F7F2F7 · #FBF9FB

Color harmonies

Complementary
#C0D8C0
Triadic
#D8D8C0, #C0D8D8
Analogous
#CCC0D8, #D8C0CC

Accessibility (WCAG contrast)

White text on Thistle1.70:1 · Fail
Black text on Thistle12.36:1 · AAA

Use Thistle in code

.element {
  color: thistle;          /* or #d8bfd8 */
  background-color: rgb(216 191 216 / 0.5);
}

Frequently asked questions

What is the hex code for Thistle?

Thistle is #D8BFD8 in HEX, rgb(216, 191, 216) in RGB and hsl(300, 24%, 80%) in HSL.

Can I use "thistle" directly in CSS?

Yes. "thistle" is one of the 148 standard CSS named colors, so color: thistle; works in every browser.

Is Thistle readable on white?

The contrast ratio of Thistle on white is 1.70:1 (WCAG Fail). On black it is 12.36:1 (AAA).

What is the complementary color of Thistle?

The complementary color (opposite on the color wheel) is #C0D8C0.

Similar colors

Light Gray#D3D3D3Light Grey#D3D3D3Gainsboro#DCDCDCPlum#DDA0DDSilver#C0C0C0Light Steel Blue#B0C4DEPink#FFC0CBLight Pink#FFB6C1

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.