UI Design Token: Blue
#3B82F6 Color Code
#3B82F6 is a curated blue tone (Standard Interactive Primary Action & Links). Discover exact RGB, HSL, 50-950 Tailwind shades, CSS tokens, and WCAG accessibility contrast ratios.
#3B82F6
Blue
RGB: 59, 130, 246
HEX
#3B82F6
RGB
rgb(59, 130, 246)
HSL
hsl(217, 91%, 60%)
Complementary
#F6AF3C
50 â 950 Tailwind Shades Scale for #3B82F6
50
100
200
300
400
500
600
700
800
900
950
WCAG 2.1 Accessibility Contrast Ratios
On White (#FFFFFF)
3.68:1
WCAG AA: Large Text Only (3:1)
On Slate Dark (#0F172A)
4.85:1
WCAG AA: Passed (AA)
CSS Variables & Design Token Export
:root {
--color-blue: #3B82F6;
--color-blue-rgb: 59, 130, 246;
--color-blue-hsl: 217deg 91% 60%;
--color-blue-comp: #F6AF3C;
}