{"slug":"dark-slate-blue","name":"Dark Slate Blue","cssName":"darkslateblue","hex":"#483D8B","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":["darkslateblue"],"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":[72,61,139],"hsl":[248,39,39],"cmyk":[48,56,0,45],"luminance":0.0658,"contrast":{"black":2.32,"white":9.07},"harmonies":{"complementary":"#808A3D","analogous":["#3D598A","#6E3D8A"],"triadic":["#8A473D","#3D8A47"],"tetradic":["#8A3D59","#808A3D","#3D8A6E"],"splitComplementary":["#8A6E3D","#598A3D"],"monochromatic":["#7267BC","#483D8B","#26214A"]},"variants":{"light":"#7267BC","dark":"#26214A","saturated":"#3727A0","desaturated":"#575374","pastel":"#938DB9","neon":"#2000F0"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-dark-slate-blue: #483D8B;","utility":".bg-dark-slate-blue { background-color: #483D8B; }","textUtility":".text-dark-slate-blue { color: #483D8B; }"},"nearestColors":["iolite","amethyst-deep","rebecca-purple","imperial-purple","tanzanite"],"generatedPalettes":["dark-slate-blue"],"generatedComparisons":["dark-slate-blue-vs-amethyst-deep","dark-slate-blue-vs-iolite"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/dark-slate-blue","/wcag/dark-slate-blue","/css/colors/dark-slate-blue","/hex/483d8b"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/dark-slate-blue"],"related":["/colors/iolite","/colors/amethyst-deep","/colors/rebecca-purple","/colors/imperial-purple","/colors/tanzanite","/compare/dark-slate-blue-vs-amethyst-deep","/compare/dark-slate-blue-vs-iolite","/harmonies/dark-slate-blue","/wcag/dark-slate-blue","/css/colors/dark-slate-blue","/hex/483d8b"]},"url":"https://www.colorsencyclopedia.com/colors/dark-slate-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/dark-slate-blue.json"}