{"slug":"cyan","name":"Cyan","cssName":"cyan","hex":"#00FFFF","family":"cyan","temperature":"cool","tone":["vibrant"],"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":["cyan"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[0,255,255],"hsl":[180,100,50],"cmyk":[100,0,0,0],"luminance":0.7874,"contrast":{"black":16.75,"white":1.25},"harmonies":{"complementary":"#FF0000","analogous":["#00FF80","#007FFF"],"triadic":["#FF00FF","#FFFF00"],"tetradic":["#7F00FF","#FF0000","#80FF00"],"splitComplementary":["#FF0080","#FF8000"],"monochromatic":["#5CFFFF","#00FFFF","#00A3A3"]},"variants":{"light":"#5CFFFF","dark":"#00A3A3","saturated":"#00FFFF","desaturated":"#1CE3E3","pastel":"#89F5F5","neon":"#29FFFF"},"wcag":{"AA":["#000000","#1A1A1A","#36454F"],"AAA":["#000000","#1A1A1A","#36454F"]},"css":{"variable":"--color-cyan: #00FFFF;","utility":".bg-cyan { background-color: #00FFFF; }","textUtility":".text-cyan { color: #00FFFF; }"},"nearestColors":["aqua","deep-sky-blue","dark-turquoise","robin-egg-blue","turquoise"],"generatedPalettes":["cyan"],"generatedComparisons":["aqua-vs-cyan","cyan-vs-deep-sky-blue"],"relatedFamilies":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/cyan","/wcag/cyan","/css/colors/cyan","/hex/00ffff"],"semanticRelations":{"broader":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/cyan"],"related":["/colors/aqua","/colors/deep-sky-blue","/colors/dark-turquoise","/colors/robin-egg-blue","/colors/turquoise","/compare/aqua-vs-cyan","/compare/cyan-vs-deep-sky-blue","/harmonies/cyan","/wcag/cyan","/css/colors/cyan","/hex/00ffff"]},"url":"https://www.colorsencyclopedia.com/colors/cyan/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/cyan.json"}