{"slug":"slate-blue","name":"Slate Blue","cssName":"slateblue","hex":"#6A5ACD","family":"blue","temperature":"cool","tone":["balanced"],"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":["slateblue"],"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","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[106,90,205],"hsl":[248,53,58],"cmyk":[48,56,0,20],"luminance":0.1478,"contrast":{"black":3.96,"white":5.31},"harmonies":{"complementary":"#BECD5B","analogous":["#5B85CD","#A35BCD"],"triadic":["#CD6A5B","#5BCD6A"],"tetradic":["#CD5B85","#BECD5B","#5BCDA3"],"splitComplementary":["#CDA35B","#85CD5B"],"monochromatic":["#AAA1E2","#6A5ACD","#3E309C"]},"variants":{"light":"#AAA1E2","dark":"#3E309C","saturated":"#5944E4","desaturated":"#7C73B5","pastel":"#C8C3E4","neon":"#6952FF"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":[]},"css":{"variable":"--color-slate-blue: #6A5ACD;","utility":".bg-slate-blue { background-color: #6A5ACD; }","textUtility":".text-slate-blue { color: #6A5ACD; }"},"nearestColors":["iris","royal-purple","medium-slate-blue","tanzanite","royal-blue"],"generatedPalettes":["slate-blue"],"generatedComparisons":["iris-vs-slate-blue","medium-slate-blue-vs-slate-blue","royal-blue-vs-slate-blue","slate-blue-vs-royal-purple"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/slate-blue","/wcag/slate-blue","/css/colors/slate-blue","/hex/6a5acd"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/slate-blue"],"related":["/colors/iris","/colors/royal-purple","/colors/medium-slate-blue","/colors/tanzanite","/colors/royal-blue","/compare/iris-vs-slate-blue","/compare/medium-slate-blue-vs-slate-blue","/compare/royal-blue-vs-slate-blue","/compare/slate-blue-vs-royal-purple","/harmonies/slate-blue","/wcag/slate-blue","/css/colors/slate-blue","/hex/6a5acd"]},"url":"https://www.colorsencyclopedia.com/colors/slate-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/slate-blue.json"}