UI Design Token: Indigo Dark
#4338CA Color Code
#4338CA is a curated indigo dark tone (Hover & Active Button States). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#4338CA
Indigo Dark
RGB: 67, 56, 202
HEX
#4338CA
RGB
rgb(67, 56, 202)
HSL
hsl(245, 58%, 51%)
Complementary
#BECB3A
50 â 950 Tailwind Shades Scale for #4338CA
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
7.9:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
2.26:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-indigo dark: #4338CA;
--color-indigo dark-rgb: 67, 56, 202;
--color-indigo dark-hsl: 245deg 58% 51%;
--color-indigo dark-comp: #BECB3A;
}