Ir para o seletor de cores
Pick
Shade
Todas as ferramentas
Seletor
Paletas
Da imagem
Cores
Conversor
Contraste
Gradiente
Tailwind
Busca
Ctrl K
Português
Todas as ferramentas
Seletor
Paletas
Da imagem
Cores
Conversor
Contraste
Gradiente
Tailwind
Todas as cores do Tailwind
Paleta de cores taupe do Tailwind
Os onze tons de taupe do Tailwind CSS v4.3.3 com valores OKLCH, HEX e RGB e contraste do texto.
Copiar bloco @theme
Tom
Classe
OKLCH
HEX
RGB
Texto branco
Texto preto
50
taupe-50
oklch(98.6% 0.002 67.8)
#fbfaf9
rgb(251 250 249)
1.04
20.17
100
taupe-100
oklch(96% 0.002 17.2)
#f3f1f1
rgb(243 241 241)
1.12
18.68
200
taupe-200
oklch(92.2% 0.005 34.3)
#e8e4e3
rgb(232 228 227)
1.26
16.65
300
taupe-300
oklch(86.8% 0.007 39.5)
#d8d2d0
rgb(216 210 208)
1.49
14.05
400
taupe-400
oklch(71.4% 0.014 41.2)
#aba09c
rgb(171 160 156)
2.55
8.24
500
taupe-500
oklch(54.7% 0.021 43.1)
#7c6d67
rgb(124 109 103)
4.95
4.24
600
taupe-600
oklch(43.8% 0.017 39.3)
#5b4f4b
rgb(91 79 75)
7.89
2.66
700
taupe-700
oklch(36.7% 0.016 35.7)
#473c39
rgb(71 60 57)
10.63
1.98
800
taupe-800
oklch(26.8% 0.011 36.5)
#2b2422
rgb(43 36 34)
15.21
1.38
900
taupe-900
oklch(21.4% 0.009 43.1)
#1d1816
rgb(29 24 22)
17.59
1.19
950
taupe-950
oklch(14.7% 0.004 49.3)
#0c0a09
rgb(12 10 9)
19.75
1.06