UI Design Token: Blue Dark
#1E40AF Color Code
#1E40AF is a curated blue dark tone (High-Contrast Typography on Light Surfaces). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#1E40AF
Blue Dark
RGB: 30, 64, 175
HEX
#1E40AF
RGB
rgb(30, 64, 175)
HSL
hsl(226, 71%, 40%)
Complementary
#AE8D1E
50 â 950 Tailwind Shades Scale for #1E40AF
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
8.72:1
WCAG AA: Passed (AA)
On Slate Dark (#0F172A)
2.05:1
WCAG AA: Fail
CSS Variables & Design Token Export
:root {
--color-blue dark: #1E40AF;
--color-blue dark-rgb: 30, 64, 175;
--color-blue dark-hsl: 226deg 71% 40%;
--color-blue dark-comp: #AE8D1E;
}