{"slug":"dark-blue","name":"Dark Blue","cssName":"darkblue","hex":"#00008B","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":["darkblue"],"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,139],"hsl":[240,100,27],"cmyk":[100,100,0,45],"luminance":0.0186,"contrast":{"black":1.37,"white":15.31},"harmonies":{"complementary":"#8A8A00","analogous":["#00458A","#45008A"],"triadic":["#8A0000","#008A00"],"tetradic":["#8A0045","#8A8A00","#008A45"],"splitComplementary":["#8A4500","#458A00"],"monochromatic":["#0000E6","#00008B","#00002E"]},"variants":{"light":"#0000E6","dark":"#00002E","saturated":"#00008A","desaturated":"#0F0F7B","pastel":"#1D1DED","neon":"#0000B3"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-dark-blue: #00008B;","utility":".bg-dark-blue { background-color: #00008B; }","textUtility":".text-dark-blue { color: #00008B; }"},"nearestColors":["navy","navy-blue","ultramarine","zaffre","midnight-blue"],"generatedPalettes":["dark-blue"],"generatedComparisons":["dark-blue-vs-navy","dark-blue-vs-navy-blue","ultramarine-vs-dark-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/dark-blue","/wcag/dark-blue","/css/colors/dark-blue","/hex/00008b"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"narrower":["/palettes/dark-blue"],"related":["/colors/navy","/colors/navy-blue","/colors/ultramarine","/colors/zaffre","/colors/midnight-blue","/compare/dark-blue-vs-navy","/compare/dark-blue-vs-navy-blue","/compare/ultramarine-vs-dark-blue","/harmonies/dark-blue","/wcag/dark-blue","/css/colors/dark-blue","/hex/00008b"]},"url":"https://www.colorsencyclopedia.com/colors/dark-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dark-blue.json"}