{"slug":"sky-blue","name":"Sky Blue","cssName":"skyblue","hex":"#87CEEB","family":"blue","temperature":"cool","tone":["balanced"],"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":["skyblue"],"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":["blue","cool","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[135,206,235],"hsl":[197,71,73],"cmyk":[43,12,0,8],"luminance":0.5529,"contrast":{"black":12.06,"white":1.74},"harmonies":{"complementary":"#EBA589","analogous":["#89EBD6","#899EEB"],"triadic":["#EB89CF","#CFEB89"],"tetradic":["#D689EB","#EBA589","#9EEB89"],"splitComplementary":["#EB899E","#EBD689"],"monochromatic":["#D8EFF8","#87CEEB","#3BB0DE"]},"variants":{"light":"#D8EFF8","dark":"#3BB0DE","saturated":"#7AD6FA","desaturated":"#98C9DC","pastel":"#F7FBFD","neon":"#9EE4FF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-sky-blue: #87CEEB;","utility":".bg-sky-blue { background-color: #87CEEB; }","textUtility":".text-sky-blue { color: #87CEEB; }"},"nearestColors":["baby-blue","light-sky-blue","maya-blue","aquamarine-blue","glacier-blue"],"generatedPalettes":["sky-blue"],"generatedComparisons":["baby-blue-vs-sky-blue","glacier-blue-vs-sky-blue","light-sky-blue-vs-sky-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/sky-blue","/wcag/sky-blue","/css/colors/sky-blue","/hex/87ceeb"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/sky-blue"],"related":["/colors/baby-blue","/colors/light-sky-blue","/colors/maya-blue","/colors/aquamarine-blue","/colors/glacier-blue","/compare/baby-blue-vs-sky-blue","/compare/glacier-blue-vs-sky-blue","/compare/light-sky-blue-vs-sky-blue","/harmonies/sky-blue","/wcag/sky-blue","/css/colors/sky-blue","/hex/87ceeb"]},"url":"https://www.colorsencyclopedia.com/colors/sky-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/sky-blue.json"}