{"slug":"light-gray","name":"Light Gray","cssName":"lightgray","hex":"#D3D3D3","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":["lightgray"],"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":[211,211,211],"hsl":[0,0,83],"cmyk":[0,0,0,17],"luminance":0.6514,"contrast":{"black":14.03,"white":1.5},"harmonies":{"complementary":"#D4D4D4","analogous":["#D4D4D4","#D4D4D4"],"triadic":["#D4D4D4","#D4D4D4"],"tetradic":["#D4D4D4","#D4D4D4","#D4D4D4"],"splitComplementary":["#D4D4D4","#D4D4D4"],"monochromatic":["#FFFFFF","#D3D3D3","#A6A6A6"]},"variants":{"light":"#FFFFFF","dark":"#A6A6A6","saturated":"#DDCACA","desaturated":"#D4D4D4","pastel":"#FFFFFF","neon":"#FFD1D1"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-light-gray: #D3D3D3;","utility":".bg-light-gray { background-color: #D3D3D3; }","textUtility":".text-light-gray { color: #D3D3D3; }"},"nearestColors":["light-grey","chrome","aluminum","gainsboro","limestone"],"generatedPalettes":["light-gray"],"generatedComparisons":["chrome-vs-light-gray","light-gray-vs-light-grey"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"relatedTools":["/harmonies/light-gray","/wcag/light-gray","/css/colors/light-gray","/hex/d3d3d3"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"narrower":["/palettes/light-gray"],"related":["/colors/light-grey","/colors/chrome","/colors/aluminum","/colors/gainsboro","/colors/limestone","/compare/chrome-vs-light-gray","/compare/light-gray-vs-light-grey","/harmonies/light-gray","/wcag/light-gray","/css/colors/light-gray","/hex/d3d3d3"]},"url":"https://www.colorsencyclopedia.com/colors/light-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/light-gray.json"}