Thistle Color Hex Code, RGB & HSL Values

What is the meaning of the Thistle color?

Thistle is a soft, light pastel purple color resembling the Scottish thistle flower. It represents delicate natural beauty and vintage elegance, popular in organic cosmetics and spa websites.

How to use the Thistle color hex code in HTML & CSS?

To style elements with Thistle on a website, use the hex code #D8BFD8 in your HTML/CSS. Adding background-color: #D8BFD8; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#D8BFD8] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Thistle?

In the digital sRGB spectrum, the Thistle color code is mapped to RGB values of Red: 216, Green: 191, and Blue: 216. In the HSL system, it registers at hue angle 300°, saturation 24%, and lightness index 80%. It represents a bright, soft tint characterized by a soft, understated pastel shade.

CMYK print profiles for Thistle color

To reproduce the named shade Thistle in print systems, the CMYK ink configuration requires 0% Cyan, 12% Magenta, 0% Yellow, and 15% black. These neutral color boundaries serve as solid structural backgrounds, layouts, and typography grids.

Red Channel 216

Green Channel 191

Blue Channel 216

Luminance 0.568

⇄ Thistle Color Space Conversions

Click to copy format

HEX Color Code #D8BFD8

RGB (Red Green Blue) rgb(216, 191, 216)

HSL (Hue Sat Light) hsl(300°, 24%, 80%)

CMYK (Commercial Print) cmyk(0%, 12%, 0%, 15%)

HSV / HSB Values hsv(300°, 12%, 85%)

Decimal Color Code 14204888

CSS Custom Variable --color-hex: #D8BFD8;

Tailwind CSS Utility bg-[#D8BFD8]

CSS Named Color thistle

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #D8BFD8

Small body copy preview

Black Text on Background

Black text readability test with #D8BFD8

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Thistle */
--color-hex: #D8BFD8;
--color-rgb: rgb(216, 191, 216);
--color-hsl: hsl(300deg, 24%, 80%);
--color-name: thistle;

Aa Known Color Aliases

✦ Thistle Color Meaning

Representing the purple color family, Thistle carries the intrinsic characteristics of this organic hue. This color group has been associated with royalty and power since ancient times when Tyrian purple dye cost more than gold by weight. This historical scarcity created a deep psychological association between purple and luxury, wisdom, and spiritual authority. Today, purple bridges the rational energy of blue with the passionate warmth of red, creating a color that feels both innovative and sophisticated. Lighter purples like lavender communicate romance and nostalgia, while deep violets convey mystery and premium quality. In design, purple stands out precisely because it is used less frequently than primary colors, creating an air of exclusivity.

Emotions & Associations

LuxurySpiritualityCreativityMystery

Industries

BeautyTechnologyLuxury & Fashion