{"slug":"dark-grey","name":"Dark Grey","cssName":"darkgrey","hex":"#A9A9A9","family":"gray","temperature":"neutral","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":["darkgrey"],"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":["gray","neutral","muted","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[169,169,169],"hsl":[0,0,66],"cmyk":[0,0,0,34],"luminance":0.3968,"contrast":{"black":8.94,"white":2.35},"harmonies":{"complementary":"#A8A8A8","analogous":["#A8A8A8","#A8A8A8"],"triadic":["#A8A8A8","#A8A8A8"],"tetradic":["#A8A8A8","#A8A8A8","#A8A8A8"],"splitComplementary":["#A8A8A8","#A8A8A8"],"monochromatic":["#D6D6D6","#A9A9A9","#7A7A7A"]},"variants":{"light":"#D6D6D6","dark":"#7A7A7A","saturated":"#BB9595","desaturated":"#A8A8A8","pastel":"#E8E8E8","neon":"#FF7A7A"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-dark-grey: #A9A9A9;","utility":".bg-dark-grey { background-color: #A9A9A9; }","textUtility":".text-dark-grey { color: #A9A9A9; }"},"nearestColors":["dark-gray","silver-metallic","galvanized-steel","greige","mushroom"],"generatedPalettes":["dark-grey"],"generatedComparisons":["dark-gray-vs-dark-grey","dark-grey-vs-silver-metallic"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"relatedTools":["/harmonies/dark-grey","/wcag/dark-grey","/css/colors/dark-grey","/hex/a9a9a9"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"narrower":["/palettes/dark-grey"],"related":["/colors/dark-gray","/colors/silver-metallic","/colors/galvanized-steel","/colors/greige","/colors/mushroom","/compare/dark-gray-vs-dark-grey","/compare/dark-grey-vs-silver-metallic","/harmonies/dark-grey","/wcag/dark-grey","/css/colors/dark-grey","/hex/a9a9a9"]},"url":"https://www.colorsencyclopedia.com/colors/dark-grey/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dark-grey.json"}