{"slug":"gainsboro","name":"Gainsboro","cssName":"gainsboro","hex":"#DCDCDC","family":"gray","temperature":"neutral","tone":["light"],"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":["gainsboro"],"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","light","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[220,220,220],"hsl":[0,0,86],"cmyk":[0,0,0,14],"luminance":0.7157,"contrast":{"black":15.31,"white":1.37},"harmonies":{"complementary":"#DBDBDB","analogous":["#DBDBDB","#DBDBDB"],"triadic":["#DBDBDB","#DBDBDB"],"tetradic":["#DBDBDB","#DBDBDB","#DBDBDB"],"splitComplementary":["#DBDBDB","#DBDBDB"],"monochromatic":["#FFFFFF","#DCDCDC","#ADADAD"]},"variants":{"light":"#FFFFFF","dark":"#ADADAD","saturated":"#E3D3D3","desaturated":"#DBDBDB","pastel":"#FFFFFF","neon":"#FFE0E0"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-gainsboro: #DCDCDC;","utility":".bg-gainsboro { background-color: #DCDCDC; }","textUtility":".text-gainsboro { color: #DCDCDC; }"},"nearestColors":["aluminum","fog","chrome","platinum","light-gray"],"generatedPalettes":["gainsboro"],"generatedComparisons":["aluminum-vs-gainsboro","fog-vs-gainsboro"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/light"],"relatedTools":["/harmonies/gainsboro","/wcag/gainsboro","/css/colors/gainsboro","/hex/dcdcdc"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/light"],"narrower":["/palettes/gainsboro"],"related":["/colors/aluminum","/colors/fog","/colors/chrome","/colors/platinum","/colors/light-gray","/compare/aluminum-vs-gainsboro","/compare/fog-vs-gainsboro","/harmonies/gainsboro","/wcag/gainsboro","/css/colors/gainsboro","/hex/dcdcdc"]},"url":"https://www.colorsencyclopedia.com/colors/gainsboro/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/gainsboro.json"}