{"slug":"indigo","name":"Indigo","cssName":"indigo","hex":"#4B0082","family":"purple","temperature":"cool","tone":["jewel-tone"],"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":["indigo"],"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","jewel-tone","web-design","css-color-systems","ui-prototyping","context-dependent"],"popularity":67,"rgb":[75,0,130],"hsl":[275,100,25],"cmyk":[42,100,0,49],"luminance":0.0311,"contrast":{"black":1.62,"white":12.95},"harmonies":{"complementary":"#358000","analogous":["#0B0080","#800075"],"triadic":["#804A00","#00804A"],"tetradic":["#800B00","#358000","#007580"],"splitComplementary":["#758000","#00800B"],"monochromatic":["#8000DB","#4B0082","#150024"]},"variants":{"light":"#8000DB","dark":"#150024","saturated":"#4A0080","desaturated":"#480E71","pastel":"#9213EC","neon":"#6200A8"},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"css":{"variable":"--color-indigo: #4B0082;","utility":".bg-indigo { background-color: #4B0082; }","textUtility":".text-indigo { color: #4B0082; }"},"nearestColors":["purple","imperial-purple","midnight-blue","ultramarine","mardi-gras"],"generatedPalettes":["indigo"],"generatedComparisons":["indigo-vs-imperial-purple","indigo-vs-purple"],"relatedFamilies":["/colors/by-family/purple","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"relatedTools":["/harmonies/indigo","/wcag/indigo","/css/colors/indigo","/hex/4b0082"],"semanticRelations":{"broader":["/colors/by-family/purple","/colors/by-temperature/cool","/colors/by-tone/jewel-tone"],"narrower":["/palettes/indigo"],"related":["/colors/purple","/colors/imperial-purple","/colors/midnight-blue","/colors/ultramarine","/colors/mardi-gras","/compare/indigo-vs-imperial-purple","/compare/indigo-vs-purple","/harmonies/indigo","/wcag/indigo","/css/colors/indigo","/hex/4b0082"]},"url":"https://www.colorsencyclopedia.com/colors/indigo/","apiUrl":"https://www.colorsencyclopedia.com/api/colors/indigo.json"}