{"slug":"light-slate-gray","name":"Light Slate Gray","cssName":"lightslategray","hex":"#778899","family":"blue","temperature":"cool","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":["lightslategray"],"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":["blue","cool","muted","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[119,136,153],"hsl":[210,14,53],"cmyk":[22,11,0,40],"luminance":0.2383,"contrast":{"black":5.77,"white":3.64},"harmonies":{"complementary":"#988776","analogous":["#769898","#767698"],"triadic":["#987687","#879876"],"tetradic":["#987698","#988776","#769876"],"splitComplementary":["#987676","#989876"],"monochromatic":["#ABB5BF","#778899","#4D5966"]},"variants":{"light":"#ABB5BF","dark":"#4D5966","saturated":"#5C87B2","desaturated":"#878787","pastel":"#C7C7C7","neon":"#389CFF"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-light-slate-gray: #778899;","utility":".bg-light-slate-gray { background-color: #778899; }","textUtility":".text-light-slate-gray { color: #778899; }"},"nearestColors":["light-slate-grey","slate-gray","slate-grey","river-stone","pewter"],"generatedPalettes":["light-slate-gray"],"generatedComparisons":["cadet-blue-vs-light-slate-gray","light-slate-gray-vs-light-slate-grey","light-slate-gray-vs-slate-gray","slate-grey-vs-light-slate-gray"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/light-slate-gray","/wcag/light-slate-gray","/css/colors/light-slate-gray","/hex/778899"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/light-slate-gray"],"related":["/colors/light-slate-grey","/colors/slate-gray","/colors/slate-grey","/colors/river-stone","/colors/pewter","/compare/cadet-blue-vs-light-slate-gray","/compare/light-slate-gray-vs-light-slate-grey","/compare/light-slate-gray-vs-slate-gray","/compare/slate-grey-vs-light-slate-gray","/harmonies/light-slate-gray","/wcag/light-slate-gray","/css/colors/light-slate-gray","/hex/778899"]},"url":"https://www.colorsencyclopedia.com/colors/light-slate-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/light-slate-gray.json"}