{"slug":"azure","name":"Azure","cssName":"azure","hex":"#F0FFFF","family":"cyan","temperature":"cool","tone":["light","pastel"],"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":["azure"],"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":["cyan","cool","light","pastel","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[240,255,255],"hsl":[180,100,97],"cmyk":[6,0,0,0],"luminance":0.9727,"contrast":{"black":20.45,"white":1.03},"harmonies":{"complementary":"#FFF0F0","analogous":["#F0FFF7","#F0F7FF"],"triadic":["#FFF0FF","#FFFFF0"],"tetradic":["#F7F0FF","#FFF0F0","#F7FFF0"],"splitComplementary":["#FFF0F7","#FFF7F0"],"monochromatic":["#FFFFFF","#F0FFFF","#94FFFF"]},"variants":{"light":"#FFFFFF","dark":"#94FFFF","saturated":"#F0FFFF","desaturated":"#F1FDFD","pastel":"#FFFFFF","neon":"#FFFFFF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-azure: #F0FFFF;","utility":".bg-azure { background-color: #F0FFFF; }","textUtility":".text-azure { color: #F0FFFF; }"},"nearestColors":["alice-blue","mint-cream","cool-white","ghost-white","cloud"],"generatedPalettes":["azure"],"generatedComparisons":["alice-blue-vs-azure","azure-vs-mint-cream","light-cyan-vs-azure"],"relatedFamilies":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/light","/colors/by-tone/pastel"],"relatedTools":["/harmonies/azure","/wcag/azure","/css/colors/azure","/hex/f0ffff"],"semanticRelations":{"broader":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/light","/colors/by-tone/pastel"],"narrower":["/palettes/azure"],"related":["/colors/alice-blue","/colors/mint-cream","/colors/cool-white","/colors/ghost-white","/colors/cloud","/compare/alice-blue-vs-azure","/compare/azure-vs-mint-cream","/compare/light-cyan-vs-azure","/harmonies/azure","/wcag/azure","/css/colors/azure","/hex/f0ffff"]},"url":"https://www.colorsencyclopedia.com/colors/azure/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/azure.json"}