UI Design Token: Blue Deep
#1D4ED8 Color Code
#1D4ED8 is a curated blue deep tone (Enterprise Cloud Actions & Active Tabs). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#1D4ED8
Blue Deep
RGB: 29, 78, 216
HEX
#1D4ED8
RGB
rgb(29, 78, 216)
HSL
hsl(224, 76%, 48%)
Complementary
#D7A61D
50 â 950 Tailwind Shades Scale for #1D4ED8
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
6.7:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
2.66:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-blue deep: #1D4ED8;
--color-blue deep-rgb: 29, 78, 216;
--color-blue deep-hsl: 224deg 76% 48%;
--color-blue deep-comp: #D7A61D;
}