{"slug":"thistle","name":"Thistle","cssName":"thistle","hex":"#D8BFD8","family":"pink","temperature":"warm","tone":["muted"],"uses":["web design","CSS color systems","UI prototyping"],"psychology":{"associations":["context dependent"],"contexts":["web interfaces","design systems","technical color references"],"avoidIn":["claims that require brand or cultural specificity"]},"aliases":["thistle"],"sourceType":"standard","confidence":"high","sourceUrl":"https://www.w3.org/TR/css-color-4/#named-colors","origin":{"type":"css","notes":"Standard CSS named color."},"reviewStatus":"auto","editorialNotes":"Generated from CSS named color data and computed color-system properties.","tags":["pink","warm","muted","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[216,191,216],"hsl":[300,24,80],"cmyk":[0,12,0,15],"luminance":0.5682,"contrast":{"black":12.36,"white":1.7},"harmonies":{"complementary":"#C0D8C0","analogous":["#CCC0D8","#D8C0CC"],"triadic":["#D8D8C0","#C0D8D8"],"tetradic":["#D8CCC0","#C0D8C0","#C0CCD8"],"splitComplementary":["#CCD8C0","#C0D8CC"],"monochromatic":["#FBF9FB","#D8BFD8","#B587B5"]},"variants":{"light":"#FBF9FB","dark":"#B587B5","saturated":"#E3B5E3","desaturated":"#CDCBCD","pastel":"#FFFFFF","neon":"#FFC2FF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-thistle: #D8BFD8;","utility":".bg-thistle { background-color: #D8BFD8; }","textUtility":".text-thistle { color: #D8BFD8; }"},"nearestColors":["pastel-lavender","thistle-purple","kunzite","light-gray","light-grey"],"generatedPalettes":["thistle"],"generatedComparisons":["pastel-lavender-vs-thistle","thistle-vs-thistle-purple"],"relatedFamilies":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/muted"],"relatedTools":["/harmonies/thistle","/wcag/thistle","/css/colors/thistle","/hex/d8bfd8"],"semanticRelations":{"broader":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/muted"],"narrower":["/palettes/thistle"],"related":["/colors/pastel-lavender","/colors/thistle-purple","/colors/kunzite","/colors/light-gray","/colors/light-grey","/compare/pastel-lavender-vs-thistle","/compare/thistle-vs-thistle-purple","/harmonies/thistle","/wcag/thistle","/css/colors/thistle","/hex/d8bfd8"]},"url":"https://www.colorsencyclopedia.com/colors/thistle/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/thistle.json"}