UI Design Token: Gray Deep
#1F2937 Color Code
#1F2937 is a curated gray deep tone (Cool Gray Card Containers & Dropdowns). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#1F2937
Gray Deep
RGB: 31, 41, 55
HEX
#1F2937
RGB
rgb(31, 41, 55)
HSL
hsl(215, 28%, 17%)
Complementary
#372D1F
50 â 950 Tailwind Shades Scale for #1F2937
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
14.68:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
1.22:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-gray deep: #1F2937;
--color-gray deep-rgb: 31, 41, 55;
--color-gray deep-hsl: 215deg 28% 17%;
--color-gray deep-comp: #372D1F;
}