{"slug":"cool-gray","name":"Cool Gray","hex":"#8C92AC","uses":["backgrounds","typography","product surfaces"],"psychology":{"associations":["restraint","clarity","balance"],"contexts":["interfaces","architecture","editorial design","packaging"],"avoidIn":["high-energy accent-only palettes"]},"aliases":["cool grey"],"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":["muted"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["blue","cool","muted","backgrounds","typography","product-surfaces","restraint","clarity","balance"],"popularity":88,"rgb":[140,146,172],"hsl":[229,16,61],"cmyk":[19,15,0,33],"luminance":0.2911,"contrast":{"black":6.82,"white":3.08},"harmonies":{"complementary":"#ABA68C","analogous":["#8CA1AB","#968CAB"],"triadic":["#AB8C91","#91AB8C"],"tetradic":["#AB8CA1","#ABA68C","#8CAB96"],"splitComplementary":["#AB968C","#A1AB8C"],"monochromatic":["#C1C4D2","#8C92AC","#5C637F"]},"variants":{"light":"#C1C4D2","dark":"#5C637F","saturated":"#7684C1","desaturated":"#9C9C9C","pastel":"#DBDBDC","neon":"#617EFF"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-cool-gray: #8C92AC;","utility":".bg-cool-gray { background-color: #8C92AC; }","textUtility":".text-cool-gray { color: #8C92AC; }"},"nearestColors":["tourmaline","cadet-gray","pewter","soapstone","light-slate-gray"],"generatedPalettes":["cool-gray"],"generatedComparisons":["cadet-gray-vs-cool-gray","cool-gray-vs-tourmaline"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/cool-gray","/wcag/cool-gray","/css/colors/cool-gray","/hex/8c92ac"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/cool-gray"],"related":["/colors/tourmaline","/colors/cadet-gray","/colors/pewter","/colors/soapstone","/colors/light-slate-gray","/compare/cadet-gray-vs-cool-gray","/compare/cool-gray-vs-tourmaline","/harmonies/cool-gray","/wcag/cool-gray","/css/colors/cool-gray","/hex/8c92ac"]},"url":"https://www.colorsencyclopedia.com/colors/cool-gray/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/cool-gray.json"}