{"slug":"medium-purple","name":"Medium Purple","cssName":"mediumpurple","hex":"#9370DB","family":"purple","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":["mediumpurple"],"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":["purple","cool","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":63,"rgb":[147,112,219],"hsl":[260,60,65],"cmyk":[33,49,0,14],"luminance":0.2291,"contrast":{"black":5.58,"white":3.76},"harmonies":{"complementary":"#B8DB70","analogous":["#7082DB","#C970DB"],"triadic":["#DB9470","#70DB94"],"tetradic":["#DB7082","#B8DB70","#70DBC9"],"splitComplementary":["#DBC970","#82DB70"],"monochromatic":["#CBBAEE","#9370DB","#6030C0"]},"variants":{"light":"#CBBAEE","dark":"#6030C0","saturated":"#8D5DEF","desaturated":"#9A84C8","pastel":"#E2DAF1","neon":"#A375FF"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":[]},"css":{"variable":"--color-medium-purple: #9370DB;","utility":".bg-medium-purple { background-color: #9370DB; }","textUtility":".text-medium-purple { color: #9370DB; }"},"nearestColors":["amethyst","medium-slate-blue","medium-orchid","slate-blue","cornflower"],"generatedPalettes":["medium-purple"],"generatedComparisons":["amethyst-vs-medium-purple","medium-purple-vs-medium-slate-blue"],"relatedFamilies":["/colors/by-family/purple","/colors/by-temperature/cool","/colors/by-tone/balanced"],"relatedTools":["/harmonies/medium-purple","/wcag/medium-purple","/css/colors/medium-purple","/hex/9370db"],"semanticRelations":{"broader":["/colors/by-family/purple","/colors/by-temperature/cool","/colors/by-tone/balanced"],"narrower":["/palettes/medium-purple"],"related":["/colors/amethyst","/colors/medium-slate-blue","/colors/medium-orchid","/colors/slate-blue","/colors/cornflower","/compare/amethyst-vs-medium-purple","/compare/medium-purple-vs-medium-slate-blue","/harmonies/medium-purple","/wcag/medium-purple","/css/colors/medium-purple","/hex/9370db"]},"url":"https://www.colorsencyclopedia.com/colors/medium-purple/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/medium-purple.json"}