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 teal de Tailwind
Los once tonos de teal 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
teal-50
oklch(98.4% 0.014 180.72)
#f0fdfa
rgb(240 253 250)
1.04
20.16
100
teal-100
oklch(95.3% 0.051 180.801)
#cbfbf1
rgb(203 251 241)
1.13
18.66
200
teal-200
oklch(91% 0.096 180.426)
#96f7e4
rgb(150 247 228)
1.26
16.68
300
teal-300
oklch(85.5% 0.138 181.071)
#46ecd5
rgb(70 236 213)
1.47
14.27
400
teal-400
oklch(77.7% 0.152 181.912)
#00d5be
rgb(0 213 190)
1.87
11.26
500
teal-500
oklch(70.4% 0.14 182.503)
#00bba7
rgb(0 187 167)
2.42
8.67
600
teal-600
oklch(60% 0.118 184.704)
#009689
rgb(0 150 137)
3.66
5.74
700
teal-700
oklch(51.1% 0.096 186.391)
#00786f
rgb(0 120 111)
5.39
3.9
800
teal-800
oklch(43.7% 0.078 188.216)
#005f5a
rgb(0 95 90)
7.53
2.79
900
teal-900
oklch(38.6% 0.063 188.416)
#0b4f4a
rgb(11 79 74)
9.46
2.22
950
teal-950
oklch(27.7% 0.046 192.524)
#022f2e
rgb(2 47 46)
14.48
1.45