{"slug":"navy","name":"Navy","cssName":"navy","hex":"#000080","family":"blue","temperature":"cool","tone":["jewel-tone"],"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":["navy"],"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","jewel-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[0,0,128],"hsl":[240,100,25],"cmyk":[100,100,0,50],"luminance":0.0156,"contrast":{"black":1.31,"white":16.01},"harmonies":{"complementary":"#7F8000","analogous":["#004080","#400080"],"triadic":["#800000","#008000"],"tetradic":["#800040","#7F8000","#008040"],"splitComplementary":["#804000","#408000"],"monochromatic":["#0000DB","#000080","#000024"]},"variants":{"light":"#0000DB","dark":"#000024","saturated":"#000080","desaturated":"#0E0E71","pastel":"#1313EC","neon":"#0000A8"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-navy: #000080;","utility":".bg-navy { background-color: #000080; }","textUtility":".text-navy { color: #000080; }"},"nearestColors":["navy-blue","dark-blue","ultramarine","midnight-blue","zaffre"],"generatedPalettes":["navy"],"generatedComparisons":["dark-blue-vs-navy","navy-vs-navy-blue","ultramarine-vs-navy"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/navy","/wcag/navy","/css/colors/navy","/hex/000080"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"narrower":["/palettes/navy"],"related":["/colors/navy-blue","/colors/dark-blue","/colors/ultramarine","/colors/midnight-blue","/colors/zaffre","/compare/dark-blue-vs-navy","/compare/navy-vs-navy-blue","/compare/ultramarine-vs-navy","/harmonies/navy","/wcag/navy","/css/colors/navy","/hex/000080"]},"url":"https://www.colorsencyclopedia.com/colors/navy/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/navy.json"}