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 teal color palette
All eleven teal 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
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