thistle

#D8BFD8

CSS color

Thistle (#D8BFD8) is a light, soft grey-purple CSS named colour, referencing the delicate pale lilac colour of the Scottish thistle flower — Scotland's national emblem. The muted, dusty quality distinguishes it from vivid lavenders and gives it a gentle, vintage character. In design, thistle is used for soft, romantic palettes referencing floral, nature-inspired themes, and the particular purple-grey of heather moorland — a colour with deep roots in Celtic and Northern European culture.

Color Values

HEX

#D8BFD8

RGB

216, 191, 216

HSL

300.0, 24.3%, 79.8%

HSV

300.0, 11.6%, 84.7%

CMYK

0.0%, 11.6%, 0.0%, 15.3%

OKLCH

0.8333 0.0439 326.0

Properties

Color Psychology

Light magentas and fuchsia tints radiate playful energy, self-expression, and modern individuality. They feel bold yet approachable, associated with creativity and nonconformity. These hues challenge convention and signal a willingness to stand out.

Design Usage

Light magentas are effective for fashion, entertainment, and youth-oriented brands. They add vibrant personality as accent colors in otherwise neutral palettes. Use for notification badges, featured tags, and interactive hover states.

Color Harmonies

Color Blindness Simulation

CSS Usage

background-color: #D8BFD8;
color: #D8BFD8;
border-color: #D8BFD8;
Nearest Tailwind: Pink 200 #FBCFE8

Tailwind Shades

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

12.36:1

AA Pass AAA Pass

Compare With

Frequently Asked Questions

What are the RGB, HSL, and CMYK values of #D8BFD8?

RGB(216, 191, 216) · HSL(300.0, 24.3%, 79.8%) · CMYK(0.0%, 11.6%, 0.0%, 15.3%)

Does #D8BFD8 meet WCAG contrast on white?

1.7:1 — WCAG AA Fail, AAA Fail for normal text.

What text color is readable on #D8BFD8?

Use 000000 text on a #D8BFD8 background; contrast on black is 12.36:1.