{"slug":"medium-slate-blue","name":"Medium Slate Blue","cssName":"mediumslateblue","hex":"#7B68EE","family":"blue","temperature":"cool","tone":["vibrant"],"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":["mediumslateblue"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[123,104,238],"hsl":[249,80,67],"cmyk":[48,56,0,7],"luminance":0.2028,"contrast":{"black":5.06,"white":4.15},"harmonies":{"complementary":"#DAEE68","analogous":["#6897EE","#BF68EE"],"triadic":["#EE7C68","#68EE7C"],"tetradic":["#EE6897","#DAEE68","#68EEBF"],"splitComplementary":["#EEBF68","#97EE68"],"monochromatic":["#C3BAF7","#7B68EE","#3719E1"]},"variants":{"light":"#C3BAF7","dark":"#3719E1","saturated":"#7057FF","desaturated":"#897ADC","pastel":"#E1DDF8","neon":"#9380FF"},"wcag":{"AA":["#000000"],"AAA":[]},"css":{"variable":"--color-medium-slate-blue: #7B68EE;","utility":".bg-medium-slate-blue { background-color: #7B68EE; }","textUtility":".text-medium-slate-blue { color: #7B68EE; }"},"nearestColors":["medium-purple","slate-blue","amethyst","cornflower","cornflower-blue"],"generatedPalettes":["medium-slate-blue"],"generatedComparisons":["cornflower-vs-medium-slate-blue","medium-purple-vs-medium-slate-blue","medium-slate-blue-vs-slate-blue"],"relatedFamilies":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/medium-slate-blue","/wcag/medium-slate-blue","/css/colors/medium-slate-blue","/hex/7b68ee"],"semanticRelations":{"broader":["/colors/by-family/blue","/colors/by-temperature/cool","/colors/by-tone/vibrant"],"narrower":["/palettes/medium-slate-blue"],"related":["/colors/medium-purple","/colors/slate-blue","/colors/amethyst","/colors/cornflower","/colors/cornflower-blue","/compare/cornflower-vs-medium-slate-blue","/compare/medium-purple-vs-medium-slate-blue","/compare/medium-slate-blue-vs-slate-blue","/harmonies/medium-slate-blue","/wcag/medium-slate-blue","/css/colors/medium-slate-blue","/hex/7b68ee"]},"url":"https://www.colorsencyclopedia.com/colors/medium-slate-blue/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/medium-slate-blue.json"}