{"slug":"violet","name":"Violet","cssName":"violet","hex":"#EE82EE","family":"pink","temperature":"warm","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":["violet"],"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","vibrant","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[238,130,238],"hsl":[300,76,72],"cmyk":[0,45,0,7],"luminance":0.4032,"contrast":{"black":9.06,"white":2.32},"harmonies":{"complementary":"#81EE81","analogous":["#B881EE","#EE81B8"],"triadic":["#EEEE81","#81EEEE"],"tetradic":["#EEB881","#81EE81","#81B8EE"],"splitComplementary":["#B8EE81","#81EEB8"],"monochromatic":["#F9D2F9","#EE82EE","#E331E3"]},"variants":{"light":"#F9D2F9","dark":"#E331E3","saturated":"#FE72FE","desaturated":"#DE91DE","pastel":"#FCF3FC","neon":"#FF99FF"},"wcag":{"AA":["#000000","#1A1A1A"],"AAA":["#000000","#1A1A1A"]},"css":{"variable":"--color-violet: #EE82EE;","utility":".bg-violet { background-color: #EE82EE; }","textUtility":".text-violet { color: #EE82EE; }"},"nearestColors":["orchid","plum","wisteria","mauve","kunzite"],"generatedPalettes":["violet"],"generatedComparisons":["orchid-vs-violet","violet-vs-plum"],"relatedFamilies":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"relatedTools":["/harmonies/violet","/wcag/violet","/css/colors/violet","/hex/ee82ee"],"semanticRelations":{"broader":["/colors/by-family/pink","/colors/by-temperature/warm","/colors/by-tone/vibrant"],"narrower":["/palettes/violet"],"related":["/colors/orchid","/colors/plum","/colors/wisteria","/colors/mauve","/colors/kunzite","/compare/orchid-vs-violet","/compare/violet-vs-plum","/harmonies/violet","/wcag/violet","/css/colors/violet","/hex/ee82ee"]},"url":"https://www.colorsencyclopedia.com/colors/violet/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/violet.json"}