Skip to the color picker
Pick
Shade
Picker
Palettes
From image
Colors
Convert
Contrast
Gradient
Tailwind
Search
Ctrl K
English
Picker
Palettes
From image
Colors
Convert
Contrast
Gradient
Tailwind
All Tailwind colors
Tailwind blue color palette
All eleven blue shades from Tailwind CSS v4.3.3 with OKLCH, HEX and RGB values and text contrast.
Copy @theme block
Shade
Class
OKLCH
HEX
RGB
White text
Black text
50
blue-50
oklch(97% 0.014 254.604)
#eff6ff
rgb(239 246 255)
1.09
19.27
100
blue-100
oklch(93.2% 0.032 255.585)
#dbeafe
rgb(219 234 254)
1.22
17.22
200
blue-200
oklch(88.2% 0.059 254.128)
#bedbff
rgb(190 219 255)
1.42
14.76
300
blue-300
oklch(80.9% 0.105 251.813)
#8ec5ff
rgb(142 197 255)
1.81
11.59
400
blue-400
oklch(70.7% 0.165 254.624)
#51a2ff
rgb(81 162 255)
2.64
7.96
500
blue-500
oklch(62.3% 0.214 259.815)
#2b7fff
rgb(43 127 255)
3.76
5.58
600
blue-600
oklch(54.6% 0.245 262.881)
#155dfc
rgb(21 93 252)
5.26
4
700
blue-700
oklch(48.8% 0.243 264.376)
#1447e6
rgb(20 71 230)
6.82
3.08
800
blue-800
oklch(42.4% 0.199 265.638)
#193cb8
rgb(25 60 184)
8.84
2.38
900
blue-900
oklch(37.9% 0.146 265.522)
#1c398e
rgb(28 57 142)
10.4
2.02
950
blue-950
oklch(28.2% 0.091 267.935)
#162456
rgb(22 36 86)
14.72
1.43