Thistle Color — HEX, RGB, HSL, Palettes & Contrast

Thistle (#d8bfd8): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#d8bfd8
HEX #d8bfd8
RGB rgb(216, 191, 216)
HSL 300°, 24%, 80%

Use Thistle in Your Projects

About Thistle Color

Thistle is a soft, muted purple named after the flowering plant. It adds a delicate, subtle touch to backgrounds, creative themes, and vintage designs.

Use Cases for Thistle

soft backgroundsvintage themescreative accentsfloral designgentle UI

Shades & Tints of Thistle

#ffffff
#f5eff5
#ecdfec
#e2cfe2
#d8bfd8
#a28fa2
#6c606c
#363036
#000000

Complementary Color

#d8bfd8
#c0d8c0

Analogous Colors

#ccc0d8
#d8bfd8
#d8c0cc

Triadic Colors

#d8bfd8
#d8d8c0
#c0d8d8

Split Complementary

#d8bfd8
#ccd8c0
#c0d8cc

Tetradic Colors

#d8bfd8
#d8c0c0
#c0d8c0
#c0d8d8

CSS Code

.thistle-color {
  color: #d8bfd8;
  background-color: #d8bfd8;
}

/* As a CSS custom property */
:root {
  --color-thistle: #d8bfd8;
}

Accessibility Score

100 / 100
Rating: Excellent
AA contrast on best text color (30 pts)
AAA contrast on best text color (25 pts)
Versatile lightness for backgrounds & text (25 pts)
Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Thistle
Ratio: 12.36:1 ✓ Passes AA ✓ Passes AAA
White text on Thistle
Ratio: 1.7:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Thistle?

Thistle is represented by the hex code #d8bfd8 and has RGB values of rgb(216, 191, 216). It falls under the Purple category.

How to use Thistle in web design?

Thistle works well for soft backgrounds, vintage themes, creative accents. Thistle is a soft, muted purple named after the flowering plant. It adds a delicate, subtle touch to backgrounds, creative themes, and vintage designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Thistle?

Colors that pair well with Thistle include lavender, plum, orchid, violet, mediumorchid. For a complementary scheme, try #c0d8c0. For an analogous scheme, use #ccc0d8 and #d8c0cc. For a triadic scheme, combine with #d8d8c0 and #c0d8d8.