UI Design Token: Gray Light
#9CA3AF Color Code
#9CA3AF is a curated gray light tone (Dividers, Placeholder Copy & Inactive Icons). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#9CA3AF
Gray Light
RGB: 156, 163, 175
HEX
#9CA3AF
RGB
rgb(156, 163, 175)
HSL
hsl(218, 11%, 65%)
Complementary
#B0A89C
50 â 950 Tailwind Shades Scale for #9CA3AF
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
2.54:1
WCAG AA: Fail
On Slate Dark (#0F172A)
7.03:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-gray light: #9CA3AF;
--color-gray light-rgb: 156, 163, 175;
--color-gray light-hsl: 218deg 11% 65%;
--color-gray light-comp: #B0A89C;
}