{"slug":"dark-slate-gray","name":"Dark Slate Gray","cssName":"darkslategray","hex":"#2F4F4F","family":"cyan","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":["darkslategray"],"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":["cyan","cool","muted","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[47,79,79],"hsl":[180,25,25],"cmyk":[41,0,0,69],"luminance":0.0676,"contrast":{"black":2.35,"white":8.93},"harmonies":{"complementary":"#503030","analogous":["#305040","#304050"],"triadic":["#503050","#505030"],"tetradic":["#403050","#503030","#405030"],"splitComplementary":["#503040","#504030"],"monochromatic":["#528989","#2F4F4F","#0D1616"]},"variants":{"light":"#528989","dark":"#0D1616","saturated":"#225E5E","desaturated":"#3E4242","pastel":"#738C8C","neon":"#00A8A8"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-dark-slate-gray: #2F4F4F;","utility":".bg-dark-slate-gray { background-color: #2F4F4F; }","textUtility":".text-dark-slate-gray { color: #2F4F4F; }"},"nearestColors":["dark-slate-grey","spruce","charcoal","pine-needle","slate-navy"],"generatedPalettes":["dark-slate-gray"],"generatedComparisons":["charcoal-vs-dark-slate-gray","dark-slate-gray-vs-dark-slate-grey","dark-slate-gray-vs-spruce","hunter-green-vs-dark-slate-gray","pine-needle-vs-dark-slate-gray","slate-navy-vs-dark-slate-gray"],"relatedFamilies":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/dark-slate-gray","/wcag/dark-slate-gray","/css/colors/dark-slate-gray","/hex/2f4f4f"],"semanticRelations":{"broader":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/dark-slate-gray"],"related":["/colors/dark-slate-grey","/colors/spruce","/colors/charcoal","/colors/pine-needle","/colors/slate-navy","/compare/charcoal-vs-dark-slate-gray","/compare/dark-slate-gray-vs-dark-slate-grey","/compare/dark-slate-gray-vs-spruce","/compare/hunter-green-vs-dark-slate-gray","/compare/pine-needle-vs-dark-slate-gray","/compare/slate-navy-vs-dark-slate-gray","/harmonies/dark-slate-gray","/wcag/dark-slate-gray","/css/colors/dark-slate-gray","/hex/2f4f4f"]},"url":"https://www.colorsencyclopedia.com/colors/dark-slate-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dark-slate-gray.json"}