UI Design Token: Indigo Deep
#4F46E5 Color Code
#4F46E5 is a curated indigo deep tone (High-Contrast Primary Buttons & Links). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#4F46E5
Indigo Deep
RGB: 79, 70, 229
HEX
#4F46E5
RGB
rgb(79, 70, 229)
HSL
hsl(243, 75%, 59%)
Complementary
#DDE548
50 â 950 Tailwind Shades Scale for #4F46E5
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
6.29:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
2.84:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-indigo deep: #4F46E5;
--color-indigo deep-rgb: 79, 70, 229;
--color-indigo deep-hsl: 243deg 75% 59%;
--color-indigo deep-comp: #DDE548;
}