{"slug":"cadet-blue","name":"Cadet Blue","cssName":"cadetblue","hex":"#5F9EA0","family":"cyan","temperature":"cool","tone":["muted"],"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":["cadetblue"],"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","muted","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[95,158,160],"hsl":[182,25,50],"cmyk":[41,1,0,37],"luminance":0.2942,"contrast":{"black":6.88,"white":3.05},"harmonies":{"complementary":"#9F6260","analogous":["#609F82","#607D9F"],"triadic":["#9F609D","#9D9F60"],"tetradic":["#82609F","#9F6260","#7D9F60"],"splitComplementary":["#9F607D","#9F8260"],"monochromatic":["#99C0C2","#5F9EA0","#3D6566"]},"variants":{"light":"#99C0C2","dark":"#3D6566","saturated":"#44B7BB","desaturated":"#7C8383","pastel":"#B9C5C6","neon":"#29F8FF"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-cadet-blue: #5F9EA0;","utility":".bg-cadet-blue { background-color: #5F9EA0; }","textUtility":".text-cadet-blue { color: #5F9EA0; }"},"nearestColors":["light-slate-gray","light-slate-grey","verdigris","slate-gray","slate-grey"],"generatedPalettes":["cadet-blue"],"generatedComparisons":["cadet-blue-vs-light-slate-gray","cadet-blue-vs-light-slate-grey","steel-blue-vs-cadet-blue","verdigris-vs-cadet-blue"],"relatedFamilies":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/muted"],"relatedTools":["/harmonies/cadet-blue","/wcag/cadet-blue","/css/colors/cadet-blue","/hex/5f9ea0"],"semanticRelations":{"broader":["/colors/by-family/cyan","/colors/by-temperature/cool","/colors/by-tone/muted"],"narrower":["/palettes/cadet-blue"],"related":["/colors/light-slate-gray","/colors/light-slate-grey","/colors/verdigris","/colors/slate-gray","/colors/slate-grey","/compare/cadet-blue-vs-light-slate-gray","/compare/cadet-blue-vs-light-slate-grey","/compare/steel-blue-vs-cadet-blue","/compare/verdigris-vs-cadet-blue","/harmonies/cadet-blue","/wcag/cadet-blue","/css/colors/cadet-blue","/hex/5f9ea0"]},"url":"https://www.colorsencyclopedia.com/colors/cadet-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/cadet-blue.json"}