{"slug":"purple","name":"Purple","cssName":"purple","hex":"#800080","family":"pink","temperature":"warm","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":["purple"],"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":["pink","warm","balanced","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":78,"rgb":[128,0,128],"hsl":[300,100,25],"cmyk":[0,100,0,50],"luminance":0.0615,"contrast":{"black":2.23,"white":9.42},"harmonies":{"complementary":"#008000","analogous":["#400080","#800040"],"triadic":["#7F8000","#007F80"],"tetradic":["#804000","#008000","#004080"],"splitComplementary":["#408000","#008040"],"monochromatic":["#DB00DB","#800080","#240024"]},"variants":{"light":"#DB00DB","dark":"#240024","saturated":"#80007F","desaturated":"#710E71","pastel":"#EC13EC","neon":"#A800A8"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-purple: #800080;","utility":".bg-purple { background-color: #800080; }","textUtility":".text-purple { color: #800080; }"},"nearestColors":["mardi-gras","dark-magenta","byzantium","indigo","imperial-purple"],"generatedPalettes":["purple"],"generatedComparisons":["dark-magenta-vs-purple","indigo-vs-purple","mardi-gras-vs-purple"],"relatedFamilies":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/balanced"],"relatedTools":["/harmonies/purple","/wcag/purple","/css/colors/purple","/hex/800080"],"semanticRelations":{"broader":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/balanced"],"narrower":["/palettes/purple"],"related":["/colors/mardi-gras","/colors/dark-magenta","/colors/byzantium","/colors/indigo","/colors/imperial-purple","/compare/dark-magenta-vs-purple","/compare/indigo-vs-purple","/compare/mardi-gras-vs-purple","/harmonies/purple","/wcag/purple","/css/colors/purple","/hex/800080"]},"url":"https://www.colorsencyclopedia.com/colors/purple/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/purple.json"}