{"slug":"fog","name":"Fog","hex":"#D7DDE0","uses":["backgrounds","typography","product surfaces"],"psychology":{"associations":["restraint","clarity","balance"],"contexts":["interfaces","architecture","editorial design","packaging"],"avoidIn":["high-energy accent-only palettes"]},"aliases":[],"sourceType":"curated","confidence":"medium","reviewStatus":"manual","sourceUrl":"https://www.colorsencyclopedia.com/assets/colors.json","origin":{"type":"common","notes":"Curated common color reference used in design and editorial color systems."},"family":"blue","temperature":"cool","tone":["light"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["blue","cool","light","backgrounds","typography","product-surfaces","restraint","clarity","balance"],"popularity":84,"rgb":[215,221,224],"hsl":[200,13,86],"cmyk":[4,1,0,12],"luminance":0.7154,"contrast":{"black":15.31,"white":1.37},"harmonies":{"complementary":"#E0DAD7","analogous":["#D7E0DE","#D7D8E0"],"triadic":["#E0D7DD","#DDE0D7"],"tetradic":["#DED7E0","#E0DAD7","#D8E0D7"],"splitComplementary":["#E0D7D8","#E0DED7"],"monochromatic":["#FFFFFF","#D7DDE0","#A3B1B8"]},"variants":{"light":"#FFFFFF","dark":"#A3B1B8","saturated":"#CFDFE8","desaturated":"#DBDBDB","pastel":"#FFFFFF","neon":"#E0F5FF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-fog: #D7DDE0;","utility":".bg-fog { background-color: #D7DDE0; }","textUtility":".text-fog { color: #D7DDE0; }"},"nearestColors":["gainsboro","aluminum","moonstone","chrome","platinum"],"generatedPalettes":["fog"],"generatedComparisons":["fog-vs-aluminum","fog-vs-gainsboro","moonstone-vs-fog"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/light"],"relatedTools":["/harmonies/fog","/wcag/fog","/css/colors/fog","/hex/d7dde0"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/light"],"narrower":["/palettes/fog"],"related":["/colors/gainsboro","/colors/aluminum","/colors/moonstone","/colors/chrome","/colors/platinum","/compare/fog-vs-aluminum","/compare/fog-vs-gainsboro","/compare/moonstone-vs-fog","/harmonies/fog","/wcag/fog","/css/colors/fog","/hex/d7dde0"]},"url":"https://www.colorsencyclopedia.com/colors/fog/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/fog.json"}