{"slug":"slate-grey","name":"Slate Grey","cssName":"slategrey","hex":"#708090","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":["slategrey"],"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":[112,128,144],"hsl":[210,13,50],"cmyk":[22,11,0,44],"luminance":0.209,"contrast":{"black":5.18,"white":4.05},"harmonies":{"complementary":"#90806F","analogous":["#6F9090","#6F6F90"],"triadic":["#906F80","#80906F"],"tetradic":["#906F90","#90806F","#6F906F"],"splitComplementary":["#906F6F","#90906F"],"monochromatic":["#A3ADB8","#708090","#47525C"]},"variants":{"light":"#A3ADB8","dark":"#47525C","saturated":"#537FAC","desaturated":"#808080","pastel":"#BFBFBF","neon":"#2994FF"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-slate-grey: #708090;","utility":".bg-slate-grey { background-color: #708090; }","textUtility":".text-slate-grey { color: #708090; }"},"nearestColors":["slate-gray","light-slate-gray","light-slate-grey","oxidized-copper","labradorite"],"generatedPalettes":["slate-grey"],"generatedComparisons":["labradorite-vs-slate-grey","slate-gray-vs-slate-grey","slate-grey-vs-light-slate-gray"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/slate-grey","/wcag/slate-grey","/css/colors/slate-grey","/hex/708090"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/slate-grey"],"related":["/colors/slate-gray","/colors/light-slate-gray","/colors/light-slate-grey","/colors/oxidized-copper","/colors/labradorite","/compare/labradorite-vs-slate-grey","/compare/slate-gray-vs-slate-grey","/compare/slate-grey-vs-light-slate-gray","/harmonies/slate-grey","/wcag/slate-grey","/css/colors/slate-grey","/hex/708090"]},"url":"https://www.colorsencyclopedia.com/colors/slate-grey/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/slate-grey.json"}