{"slug":"gray","name":"Gray","cssName":"gray","hex":"#808080","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":["gray"],"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":82,"rgb":[128,128,128],"hsl":[0,0,50],"cmyk":[0,0,0,50],"luminance":0.2159,"contrast":{"black":5.32,"white":3.95},"harmonies":{"complementary":"#808080","analogous":["#808080","#808080"],"triadic":["#808080","#808080"],"tetradic":["#808080","#808080","#808080"],"splitComplementary":["#808080","#808080"],"monochromatic":["#ADADAD","#808080","#525252"]},"variants":{"light":"#ADADAD","dark":"#525252","saturated":"#9C6363","desaturated":"#808080","pastel":"#BFBFBF","neon":"#FF2929"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-gray: #808080;","utility":".bg-gray { background-color: #808080; }","textUtility":".text-gray { color: #808080; }"},"nearestColors":["grey","zinc","titanium","stone","warm-gray"],"generatedPalettes":["gray"],"generatedComparisons":["gray-vs-grey","gray-vs-zinc","titanium-vs-gray"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"relatedTools":["/harmonies/gray","/wcag/gray","/css/colors/gray","/hex/808080"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"narrower":["/palettes/gray"],"related":["/colors/grey","/colors/zinc","/colors/titanium","/colors/stone","/colors/warm-gray","/compare/gray-vs-grey","/compare/gray-vs-zinc","/compare/titanium-vs-gray","/harmonies/gray","/wcag/gray","/css/colors/gray","/hex/808080"]},"url":"https://www.colorsencyclopedia.com/colors/gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/gray.json"}