UI Design Token: Slate Dark
#0F172A Color Code
#0F172A is a curated slate dark tone (Modern UI Canvas & High-Contrast Typography). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#0F172A
Slate Dark
RGB: 15, 23, 42
HEX
#0F172A
RGB
rgb(15, 23, 42)
HSL
hsl(222, 47%, 11%)
Complementary
#29210F
50 â 950 Tailwind Shades Scale for #0F172A
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
17.85:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
1:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-slate dark: #0F172A;
--color-slate dark-rgb: 15, 23, 42;
--color-slate dark-hsl: 222deg 47% 11%;
--color-slate dark-comp: #29210F;
}