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%).

What RGB values make Thistle?

Thistle is 216 red, 191 green, and 216 blue, written as rgb(216, 191, 216).

Thistle scores 1.7:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: thistle directly in CSS, which every browser resolves to #D8BFD8.

#D8BFD8

Thistle is a pink tone at #D8BFD8. It sits at 300 degrees on the color wheel with 24% saturation and 80% lightness.

Color values

Tints mix Thistle with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#F7F2F7

Tint 60%

#EFE5EF

Tint 40%

#E8D9E8

Tint 20%

#E0CCE0

Base

#D8BFD8

Shade 20%

#AD99AD

Shade 40%

#827382

Shade 60%

#564C56

Shade 80%

#2B262B

On white

Sample text

1.7:1

Fails WCAG for text

On black

Sample text

12.36:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Thistle?: Thistle is 216 red, 191 green, and 216 blue, written as rgb(216, 191, 216).
Is Thistle readable as text on a white background?: Thistle scores 1.7:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Thistle a valid CSS color name?: Yes. You can write color: thistle directly in CSS, which every browser resolves to #D8BFD8.