{"slug":"slate-navy","name":"Slate Navy","hex":"#30475E","uses":["interfaces","brand systems","technical design"],"psychology":{"associations":["trust","clarity","calm"],"contexts":["technology","finance","healthcare","navigation"],"avoidIn":["high-warmth food palettes"]},"aliases":[],"sourceType":"curated","confidence":"medium","reviewStatus":"manual","sourceUrl":"https://www.colorsencyclopedia.com/assets/colors.json","origin":{"type":"common","notes":"Curated common color reference used in design and editorial color systems."},"family":"blue","temperature":"cool","tone":["balanced"],"editorialNotes":"Curated internal color record with computed technical properties.","tags":["blue","cool","balanced","interfaces","brand-systems","technical-design","trust","clarity","calm"],"popularity":80,"rgb":[48,71,94],"hsl":[210,32,28],"cmyk":[49,24,0,63],"luminance":0.0594,"contrast":{"black":2.19,"white":9.6},"harmonies":{"complementary":"#5E4731","analogous":["#315E5E","#31315E"],"triadic":["#5E3147","#475E31"],"tetradic":["#5E315E","#5E4731","#315E31"],"splitComplementary":["#5E3131","#5E5E31"],"monochromatic":["#50759B","#30475E","#111922"]},"variants":{"light":"#50759B","dark":"#111922","saturated":"#21476E","desaturated":"#40474F","pastel":"#73879C","neon":"#005CB8"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-slate-navy: #30475E;","utility":".bg-slate-navy { background-color: #30475E; }","textUtility":".text-slate-navy { color: #30475E; }"},"nearestColors":["charcoal","dark-slate-gray","dark-slate-grey","spruce","pine-needle"],"generatedPalettes":["slate-navy"],"generatedComparisons":["slate-navy-vs-charcoal","slate-navy-vs-dark-slate-gray"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/slate-navy","/wcag/slate-navy","/css/colors/slate-navy","/hex/30475e"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/slate-navy"],"related":["/colors/charcoal","/colors/dark-slate-gray","/colors/dark-slate-grey","/colors/spruce","/colors/pine-needle","/compare/slate-navy-vs-charcoal","/compare/slate-navy-vs-dark-slate-gray","/harmonies/slate-navy","/wcag/slate-navy","/css/colors/slate-navy","/hex/30475e"]},"url":"https://www.colorsencyclopedia.com/colors/slate-navy/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/slate-navy.json"}