Ir al selector de color
Pick
Shade
Todas las herramientas
Selector
Paletas
De una imagen
Colores
Convertir
Contraste
Degradado
Tailwind
Buscar
Ctrl K
Español
Todas las herramientas
Selector
Paletas
De una imagen
Colores
Convertir
Contraste
Degradado
Tailwind
Todos los colores de Tailwind
Paleta de colores blue de Tailwind
Los once tonos de blue de Tailwind CSS v4.3.3 con valores OKLCH, HEX y RGB y contraste del texto.
Copiar bloque @theme
Tono
Clase
OKLCH
HEX
RGB
Texto blanco
Texto negro
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