UI Design Token: Slate
#64748B Color Code
#64748B is a curated slate tone (Secondary Body Typography & UI Icons). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#64748B
Slate
RGB: 100, 116, 139
HEX
#64748B
RGB
rgb(100, 116, 139)
HSL
hsl(215, 16%, 47%)
Complementary
#8B7B65
50 â 950 Tailwind Shades Scale for #64748B
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
4.76:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
3.75:1
WCAG AA: Large Text Only (3:1)
CSS Variables & Design Token Export
:root {
--color-slate: #64748B;
--color-slate-rgb: 100, 116, 139;
--color-slate-hsl: 215deg 16% 47%;
--color-slate-comp: #8B7B65;
}