{"slug":"white-smoke","name":"White Smoke","cssName":"whitesmoke","hex":"#F5F5F5","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":["whitesmoke"],"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":[245,245,245],"hsl":[0,0,96],"cmyk":[0,0,0,4],"luminance":0.9131,"contrast":{"black":19.26,"white":1.09},"harmonies":{"complementary":"#F5F5F5","analogous":["#F5F5F5","#F5F5F5"],"triadic":["#F5F5F5","#F5F5F5"],"tetradic":["#F5F5F5","#F5F5F5","#F5F5F5"],"splitComplementary":["#F5F5F5","#F5F5F5"],"monochromatic":["#FFFFFF","#F5F5F5","#C7C7C7"]},"variants":{"light":"#FFFFFF","dark":"#C7C7C7","saturated":"#F7F3F3","desaturated":"#F5F5F5","pastel":"#FFFFFF","neon":"#FFFFFF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-white-smoke: #F5F5F5;","utility":".bg-white-smoke { background-color: #F5F5F5; }","textUtility":".text-white-smoke { color: #F5F5F5; }"},"nearestColors":["cloud","porcelain","paper-white","powder-coat-white","cool-white"],"generatedPalettes":["white-smoke"],"generatedComparisons":["cloud-vs-white-smoke","paper-white-vs-white-smoke","porcelain-vs-white-smoke","powder-coat-white-vs-white-smoke"],"relatedFamilies":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/light"],"relatedTools":["/harmonies/white-smoke","/wcag/white-smoke","/css/colors/white-smoke","/hex/f5f5f5"],"semanticRelations":{"broader":["/colors/by-family/gray","/colors/by-temperature/neutral","/colors/by-tone/light"],"narrower":["/palettes/white-smoke"],"related":["/colors/cloud","/colors/porcelain","/colors/paper-white","/colors/powder-coat-white","/colors/cool-white","/compare/cloud-vs-white-smoke","/compare/paper-white-vs-white-smoke","/compare/porcelain-vs-white-smoke","/compare/powder-coat-white-vs-white-smoke","/harmonies/white-smoke","/wcag/white-smoke","/css/colors/white-smoke","/hex/f5f5f5"]},"url":"https://www.colorsencyclopedia.com/colors/white-smoke/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/white-smoke.json"}