{"slug":"grey","name":"Grey","cssName":"grey","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":["grey"],"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":[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-grey: #808080;","utility":".bg-grey { background-color: #808080; }","textUtility":".text-grey { color: #808080; }"},"nearestColors":["gray","zinc","titanium","stone","warm-gray"],"generatedPalettes":["grey"],"generatedComparisons":["gray-vs-grey","grey-vs-zinc"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"relatedTools":["/harmonies/grey","/wcag/grey","/css/colors/grey","/hex/808080"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/muted"],"narrower":["/palettes/grey"],"related":["/colors/gray","/colors/zinc","/colors/titanium","/colors/stone","/colors/warm-gray","/compare/gray-vs-grey","/compare/grey-vs-zinc","/harmonies/grey","/wcag/grey","/css/colors/grey","/hex/808080"]},"url":"https://www.colorsencyclopedia.com/colors/grey/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/grey.json"}