{"slug":"navy-blue","name":"Navy Blue","hex":"#000080","family":"blue","temperature":"cool","tone":["dark","classic"],"uses":["branding","formal design","interfaces"],"psychology":{"associations":["trust","authority","stability"],"contexts":["finance","technology","formal identity"],"avoidIn":["playful child-focused palettes"]},"aliases":["navy"],"sourceType":"standard","confidence":"high","sourceUrl":"https://www.w3.org/TR/css-color-4/#named-colors","reviewStatus":"auto","editorialNotes":"Generated from CSS named color data and computed color-system properties.","origin":{"type":"css","notes":"Standard CSS named color."},"tags":["blue","cool","dark","classic","branding","formal-design","interfaces","trust","authority","stability"],"popularity":73,"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-blue: #000080;","utility":".bg-navy-blue { background-color: #000080; }","textUtility":".text-navy-blue { color: #000080; }"},"nearestColors":["navy","dark-blue","ultramarine","midnight-blue","zaffre"],"generatedPalettes":["navy-blue"],"generatedComparisons":["dark-blue-vs-navy-blue","navy-blue-vs-midnight-blue","navy-vs-navy-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/dark","/colors/by-tone/classic"],"relatedTools":["/harmonies/navy-blue","/wcag/navy-blue","/css/colors/navy-blue","/hex/000080"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/dark","/colors/by-tone/classic"],"narrower":["/palettes/navy-blue"],"related":["/colors/navy","/colors/dark-blue","/colors/ultramarine","/colors/midnight-blue","/colors/zaffre","/compare/dark-blue-vs-navy-blue","/compare/navy-blue-vs-midnight-blue","/compare/navy-vs-navy-blue","/harmonies/navy-blue","/wcag/navy-blue","/css/colors/navy-blue","/hex/000080"]},"url":"https://www.colorsencyclopedia.com/colors/navy-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/navy-blue.json"}