Thistle

#D8BFD8
RGB
216, 191, 216
HSL
300°, 24%, 80%
CMYK
0, 12, 0, 15
HSV
300°, 12%, 85%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D8BFD8 color: #D8BFD8;
RGB 216, 191, 216 color: rgb(216, 191, 216);
RGB Percentage 85%, 75%, 85% color: rgb(85%, 75%, 85%);
CMYK 0%, 12%, 0%, 15% Not supported in CSS
HSL 300°, 24%, 80% color: hsl(300, 24%, 80%);
HSV 300°, 12%, 85% Not supported in CSS
CIE-LAB 64, 5, -8 color: lab(64% 5 -8);
Decimal 14204888 Not supported in CSS

Color Variations

Shades

#D8C0D8
#C9A6C9
#B98DB9
#AA74AA
#985D98
#7E4E7E
#653E65
#4C2F4C

Tints

#F3ECF3
#EFE6EF
#ECDFEC
#E8D9E8
#E4D3E4
#E0CCE0
#DCC6DC
#D8C0D8

Tones

#D8C0D8
#D7C1D7
#D6C2D6
#D5C3D5
#D3C5D3
#D2C6D2
#D1C7D1
#D0C8D0

Hues

#D8C0D8
#D8C0C6
#D8CCC0
#D2D8C0
#C0D8C0
#C0D8D2
#C0CCD8
#C6C0D8

Color Harmonies

Analogous

#CCC0D8
Click to copy
Light Purple
97%
#D8BFD8
Click to copy
Thistle
100%
#D8C0CC
Click to copy
Light Magenta
97%

Complementary

#D8BFD8
Click to copy
Thistle
100%
#C0D8C0
Click to copy
Light Green
90%

Split Complementary

#D8BFD8
Click to copy
Thistle
100%
#CCD8C0
Click to copy
Light Green
92%
#C0D8CC
Click to copy
Light Cyan
92%

Triadic

#D8BFD8
Click to copy
Thistle
100%
#D8D8C0
Click to copy
Light Yellow
92%
#C0D8D8
Click to copy
Light Cyan
92%

Tetradic

#D8BFD8
Click to copy
Thistle
100%
#D8CCC0
Click to copy
Light Orange
94%
#C0D8C0
Click to copy
Light Green
90%
#C0CCD8
Click to copy
Light Blue
94%

Square

#D8BFD8
Click to copy
Thistle
100%
#D8CCC0
Click to copy
Light Orange
94%
#C0D8C0
Click to copy
Light Green
90%
#C0CCD8
Click to copy
Light Blue
94%

CSS & Dev Snippets

CSS
.thistle {
  color: #D8BFD8;
}
SCSS
$thistle: #D8BFD8;
RGB
rgb(216, 191, 216)

Accessibility & Contrast

White background

1.70:1
1.70
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.36:1
12.36
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags