{"slug":"dim-gray","name":"Dim Gray","cssName":"dimgray","hex":"#696969","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":["dimgray"],"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":[105,105,105],"hsl":[0,0,41],"cmyk":[0,0,0,59],"luminance":0.1413,"contrast":{"black":3.83,"white":5.49},"harmonies":{"complementary":"#696969","analogous":["#696969","#696969"],"triadic":["#696969","#696969"],"tetradic":["#696969","#696969","#696969"],"splitComplementary":["#696969","#696969"],"monochromatic":["#969696","#696969","#3B3B3B"]},"variants":{"light":"#969696","dark":"#3B3B3B","saturated":"#805252","desaturated":"#696969","pastel":"#A8A8A8","neon":"#FA0000"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"css":{"variable":"--color-dim-gray: #696969;","utility":".bg-dim-gray { background-color: #696969; }","textUtility":".text-dim-gray { color: #696969; }"},"nearestColors":["dim-grey","granite","machinery-gray","nickel","shale"],"generatedPalettes":["dim-gray"],"generatedComparisons":["dim-gray-vs-dim-grey","dim-gray-vs-granite"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"relatedTools":["/harmonies/dim-gray","/wcag/dim-gray","/css/colors/dim-gray","/hex/696969"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"narrower":["/palettes/dim-gray"],"related":["/colors/dim-grey","/colors/granite","/colors/machinery-gray","/colors/nickel","/colors/shale","/compare/dim-gray-vs-dim-grey","/compare/dim-gray-vs-granite","/harmonies/dim-gray","/wcag/dim-gray","/css/colors/dim-gray","/hex/696969"]},"url":"https://www.colorsencyclopedia.com/colors/dim-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dim-gray.json"}