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 mauve do Tailwind
Os onze tons de mauve 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
mauve-50
oklch(98.5% 0 none)
#fafafa
rgb(250 250 250)
1.04
20.11
100
mauve-100
oklch(96% 0.003 325.6)
#f3f1f3
rgb(243 241 243)
1.12
18.68
200
mauve-200
oklch(92.2% 0.005 325.62)
#e7e4e7
rgb(231 228 231)
1.26
16.65
300
mauve-300
oklch(86.5% 0.012 325.68)
#d7d0d7
rgb(215 208 215)
1.51
13.88
400
mauve-400
oklch(71.1% 0.019 323.02)
#a89ea9
rgb(168 158 169)
2.58
8.12
500
mauve-500
oklch(54.2% 0.034 322.5)
#79697b
rgb(121 105 123)
5.1
4.12
600
mauve-600
oklch(43.5% 0.029 321.78)
#594c5b
rgb(89 76 91)
8.05
2.61
700
mauve-700
oklch(36.4% 0.029 323.89)
#463947
rgb(70 57 71)
10.83
1.94
800
mauve-800
oklch(26.3% 0.024 320.12)
#2a212c
rgb(42 33 44)
15.52
1.35
900
mauve-900
oklch(21.2% 0.019 322.12)
#1d161e
rgb(29 22 30)
17.72
1.18
950
mauve-950
oklch(14.5% 0.008 326)
#0c090c
rgb(12 9 12)
19.81
1.06