UI Design Token: Gray Subtle
#F3F4F6 Color Code
#F3F4F6 is a curated gray subtle tone (Subtle Page Backgrounds & Table Rows). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#F3F4F6
Gray Subtle
RGB: 243, 244, 246
HEX
#F3F4F6
RGB
rgb(243, 244, 246)
HSL
hsl(220, 14%, 96%)
Complementary
#F6F5F3
50 â 950 Tailwind Shades Scale for #F3F4F6
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
1.1:1
WCAG AA: Fail
On Slate Dark (#0F172A)
16.22:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-gray subtle: #F3F4F6;
--color-gray subtle-rgb: 243, 244, 246;
--color-gray subtle-hsl: 220deg 14% 96%;
--color-gray subtle-comp: #F6F5F3;
}