{"slug":"slate-gray","name":"Slate Gray","cssName":"slategray","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":["slategray"],"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-gray: #708090;","utility":".bg-slate-gray { background-color: #708090; }","textUtility":".text-slate-gray { color: #708090; }"},"nearestColors":["slate-grey","light-slate-gray","light-slate-grey","oxidized-copper","labradorite"],"generatedPalettes":["slate-gray"],"generatedComparisons":["labradorite-vs-slate-gray","light-slate-gray-vs-slate-gray","light-slate-grey-vs-slate-gray","slate-gray-vs-slate-grey"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/slate-gray","/wcag/slate-gray","/css/colors/slate-gray","/hex/708090"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/slate-gray"],"related":["/colors/slate-grey","/colors/light-slate-gray","/colors/light-slate-grey","/colors/oxidized-copper","/colors/labradorite","/compare/labradorite-vs-slate-gray","/compare/light-slate-gray-vs-slate-gray","/compare/light-slate-grey-vs-slate-gray","/compare/slate-gray-vs-slate-grey","/harmonies/slate-gray","/wcag/slate-gray","/css/colors/slate-gray","/hex/708090"]},"url":"https://www.colorsencyclopedia.com/colors/slate-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/slate-gray.json"}