{"datasetVersion":"1.0.0","slug":"indigo","name":"Indigo","hex":"#4B0082","rgb":[75,0,130],"hsl":[275,100,25],"cmyk":[42,100,0,49],"luminance":0.0311,"contrast":{"black":1.62,"white":12.95},"wcag":{"AA":["#FFFFFF","#F5F5F5"],"AAA":["#FFFFFF","#F5F5F5"]},"family":"purple","temperature":"cool","tone":["jewel-tone"],"bestTextColor":"#FFFFFF","cssVariables":{"color":"--color-indigo: #4B0082;","rgb":"--color-indigo-rgb: 75 0 130;","contrast":"--color-indigo-contrast: #FFFFFF;"},"utilityClasses":{"background":".bg-indigo","text":".text-indigo","border":".border-indigo","surface":".surface-indigo","shadow":".shadow-indigo"},"cssSnippet":":root {\n  --color-indigo: #4B0082;\n  --color-indigo-rgb: 75 0 130;\n  --color-indigo-contrast: #FFFFFF;\n}\n\n.bg-indigo { background-color: var(--color-indigo); }\n.text-indigo { color: var(--color-indigo); }\n.border-indigo { border-color: var(--color-indigo); }\n.surface-indigo {\n  background-color: var(--color-indigo);\n  color: var(--color-indigo-contrast);\n  border: 1px solid color-mix(in srgb, var(--color-indigo), #111827 18%);\n}\n.shadow-indigo { box-shadow: 0 18px 40px rgb(var(--color-indigo-rgb) / 28%); }","useCases":["CSS variables","utility classes","design system tokens","UI surface styling","accessible text pairing"],"relatedEndpoints":["https://www.colorsencyclopedia.com/api/css/colors/indigo.json","https://www.colorsencyclopedia.com/api/colors/indigo.json"],"url":"https://www.colorsencyclopedia.com/css/colors/indigo/","colorUrl":"https://www.colorsencyclopedia.com/colors/indigo/","hexUrl":"https://www.colorsencyclopedia.com/hex/4b0082/","apiUrl":"https://www.colorsencyclopedia.com/api/css/colors/indigo.json","generatedAt":"2026-07-23T19:04:03.384Z"}