pinkneutralCSS named color

Thistle #D8BFD8

Thistle is a light, muted gray color with a neutral cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Soft UI · Romantic palettes

Open in generator →Colors that go with thistle →

Families: Pinks · Lavenders · Lilac Colors · Mauve Colors

Color values

FormatValue
HEX#D8BFD8
RGBrgb(216, 191, 216)
HSLhsl(300, 24%, 80%)
HSVhsv(300, 12%, 85%)
OKLCHoklch(83.33% 0.044 326)
OKLaboklab(83.33% 0.0364 -0.0246)
CMYKcmyk(0%, 11.6%, 0%, 15.3%)
XYZxyz(59.3427, 56.8192, 72.7935)
CIE-LABlab(80.1, 13.2, -9.2)
CIE-LCHlch(80.1, 16.1, 325.1°)
Luminance0.568 (WCAG relative)
/* Thistle */ --thistle: #d8bfd8; color: #d8bfd8; background-color: #d8bfd8;

Source: W3C CSS named color. CSS keyword: thistle.

Collections: Pastel Colors · Muted Colors · Dusty Pink Colors · Vintage Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#c0aac0 #a995a9 #928192 #7c6e7b #665b66 #514951 #3d373d #2a272a #191719 #000000

Tints (toward white)

#dcc5dc #e0cce0 #e4d2e4 #e8d8e7 #ecdfeb #efe5ef #f3ecf3 #f7f2f7 #fbf8fb #ffffff

Tones (toward gray)

#d6c0d6 #d5c1d5 #d3c1d3 #d1c2d1 #cfc3cf #cec4ce #ccc4cc #cac5ca #c8c6c8 #c7c7c7

Color harmonies

Complementary

Edit in generator →
#D8BFD8
#BFD8BF
#d8bfd8 #bfd8bf

Analogous

Edit in generator →
#CCBFD8
#D8BFD8
#D8BFCC
#ccbfd8 #d8bfd8 #d8bfcc

Triadic

Edit in generator →
#D8BFD8
#D8D8BF
#BFD8D8
#d8bfd8 #d8d8bf #bfd8d8

Tetradic

Edit in generator →
#D8BFD8
#D8CCBF
#BFD8BF
#BFCCD8
#d8bfd8 #d8ccbf #bfd8bf #bfccd8

Square

Edit in generator →
#D8BFD8
#D8CCBF
#BFD8BF
#BFCCD8
#d8bfd8 #d8ccbf #bfd8bf #bfccd8

Split Complementary

Edit in generator →
#D8BFD8
#CCD8BF
#BFD8CC
#d8bfd8 #ccd8bf #bfd8cc

Monochromatic

Edit in generator →
#AA73AA
#C199C1
#D8BFD8
#EFE5EF
#F3ECF3
#aa73aa #c199c1 #d8bfd8 #efe5ef #f3ecf3

Accessibility & contrast

1.70
#D8BFD8 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
12.36
#D8BFD8 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on thistle

12.36
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#BEC5D9
Deuteranopia (green-blind)
#C3C8D7
Tritanopia (blue-blind)
#DAC1C7

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Pale Lavender #EECFFE7.67
Lilac #C8A2C88.24
Pale Lilac #E4CBFF8.40
Pale Mauve #FED0FC8.57
Light Pink #FFD1DF8.78
Light Lilac #EDC8FF8.80

Colors that go with thistle

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Eggplant #380835
9.9:1
Same hue family as thistle (Δh 4°) — guaranteed harmony
Midnight #03012D
11.8:1
Warm/cool bridge (Δh 57°) — adds depth without tension
Beige #F5F5DC
1.5:1
Triadic harmony (Δh ≈120°) — balanced three-way contrast
Evergreen #05472A
6.4:1
Split-complementary angle (Δh ≈146°) — strong but softer than direct complement
Forest Green #2D5A27
4.8:1
Complementary hue (Δh ≈173°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.