What is the hex code for Thistle?

The hex code for Thistle is #D8BFD8.

What is the RGB value of Thistle?

The RGB value of Thistle is rgb(216, 191, 216).

What is the HSL value of Thistle?

The HSL value of Thistle is hsl(300, 24%, 80%).

What is the HSV value of Thistle?

The HSV value of Thistle is hsv(300, 12%, 85%).

What CSS code do I use for Thistle?

Use background-color: #D8BFD8; for background, color: #D8BFD8; for text, or border: 1px solid #D8BFD8; for borders.

Thistle Hex #D8BFD8: HTML Color Code & Gradients

Thistle (#D8BFD8) Color Codes & Gradients

Color Preview

Make a gradient with Thistle →

Opens Thistle with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	thistle
Hex	#D8BFD8
RGB	rgb(216, 191, 216)
HSV	hsv(300, 12%, 85%)
HSL	hsl(300, 24%, 80%)
OKLCH	oklch(83.33% 0.0439 325.96)

What is the color name for #D8BFD8?

#D8BFD8 color name is Thistle.

Color Information

The HTML color Thistle has the hexadecimal code #D8BFD8 and in the RGB color space is composed of 85% red, 75% green, and 85% blue. The color Thistle has a hue angle of 300 degrees, a saturation of 24.3% and a lightness of 79.8%.

Thistle CSS Code Snippets

Background Color

.bg-thistle { background-color: #D8BFD8; }

Text Color

.text-thistle { color: #D8BFD8; }

Border Color

.border-thistle { border: 1px solid #D8BFD8; }

Shade Gradient

.gradient-shade-thistle { background: linear-gradient(135deg, #D8BFD8, #C199C1); }

Tint Gradient

.gradient-tint-thistle { background: linear-gradient(135deg, #D8BFD8, #EFE5EF); }

Monochromatic Gradient

.gradient-mono-thistle { background: linear-gradient(135deg, #D8BFD8, #D8BFD8); }

Thistle Shades

#D4B9D4

#D0B2D0

#CCACCC

#C9A6C9

#C59FC5

#C199C1

Thistle Tints

#DCC5DC

#E0CCE0

#E4D2E4

#E7D8E7

#EBDFEB

#EFE5EF

Thistle Tones

#D1C6D1

#CBCBCB

Thistle Monochromatic

#D8BFD8

#B49FB4

#8F7F8F

#6B5E6B

#463E46

#221E22

Similar Colors to Thistle

#D0BFD8

#D3BFD8

#D6BFD8

#D8BFD6

#D8BFD3

#D8BFD0

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator