Thistle

thistle is a CSS color keyword. The closest Tailwind step is pink-200 (#fbcfe8).

#d8bfd8rgb(216, 191, 216)

Hex: #d8bfd8
RGB: 216, 191, 216
HSL: 300°, 24%, 80%
OKLCH: 83.3% 0.044 326.0
LAB: 80.1 13.2 -9.2

Open #d8bfd8 in the explorer

Text contrast

Black or white text on #d8bfd8. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text12.4:1 AAAAPCA Lc 75

White text1.7:1 FailAPCA Lc -32

Color vision

How #d8bfd8 looks in simulations of color blindness, at full severity.

Full color
#d8bfd8

Protanopia
#bec5d9

Deuteranopia
#c3c8d7

Tritanopia
#dac1c7

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to thistle.

50 100200300400500600700800900950

Copy into CSS

color: thistle;
background: #d8bfd8;

@theme {
  --color-thistle-50: #ffefff;
  --color-thistle-100: #f8def8;
  --color-thistle-200: #e1c8e1;
  --color-thistle-300: #c4abc4;
  --color-thistle-400: #a78fa7;
  --color-thistle-500: #887289;
  --color-thistle-600: #6e586e;
  --color-thistle-700: #574257;
  --color-thistle-800: #412d42;
  --color-thistle-900: #2c1a2d;
  --color-thistle-950: #160617;
}