Coloried

Thistle

Thistle color is a delicate shade of light pale purple. Its hex code is #D8BFD8 and rgb code is rgb(216, 191, 216), Its CMYK value is cmyk(0%, 12%, 0%, 15%), and Its HSL value is hsl(300, 24%, 80%). Its a contrast ratio against white is 1.70:1, while against black, the contrast ratio is 12.36:1. Its complementary color is #C0D8C0 and closest tailwind color is stone-300. This color goes well with #9E6180, #80619E, #6F446F, #99B181, and #81B199. To get this Thistle color, you can mix #FFFFFF and #B17FB1.

Thistle color code
|
1. Color Conversions
HEX#D8BFD8
RGB216, 191, 216
HSL300°, 24%, 80%
HSV300°, 24%, 85%
CMYK0%, 12%, 0%, 15%
Web Safe#CCCCCC
2. Contrast Ratio
Text on #FFFFFF1.70:1
Fail LargeFail Normal
Text on #00000012.36:1
AAA LargeAAA Normal
3. Thistle Color Code in CSS
HEX
#D8BFD8
RGB
rgb(216, 191, 216)
HSL
hsl(300, 24%, 80%)
Text Color
color: #D8BFD8;
Background
background-color: #D8BFD8;
Border Color
border-color: #D8BFD8;
Box Shadow
box-shadow: 0 4px 14px 0 #D8BFD880;
SCSS
$color-thistle: #D8BFD8;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#CDCDD2
Deuteranopia#CFD1D1
Tritanopia#D7CDCC
Achromatopsia#C9C9C9
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive