01
#FDFCFDFondo de la aplicación
mauve-1
Radix Mauve 1- RGB
rgb(253 252 253)- Texto negro
- 20,52:1
- Texto blanco
- 1,02:1
← Volver al catálogo de colores
Registro de neutros violetas
Mauve, superpuesto como hojas de calco sobre la tinta de la interfaz.
Una escala neutra de matiz violeta para interfaces con acentos rojos, rubíes, carmesíes, rosas, ciruela, púrpura y violeta. Los doce pasos oficiales se leen como un único sistema registrado.
- Pasos de la escala
- 01—12
- Funciones documentadas
- 12
- Versión
- 3.0.0
Procedencia fijada
La exportación opaca y clara exacta de Mauve, fijada en 3.0.0.
Esta página contiene solo Mauve 1–12 de la exportación sRGB opaca y clara de @radix-ui/colors 3.0.0. El modo oscuro, los valores alfa y P3 quedan fuera de esta referencia.
Hexees es una referencia independiente, sin afiliación ni respaldo de WorkOS o Radix.
- Versión
- @radix-ui/colors 3.0.0
- Licencia
- MIT
Muestras registradas
Compara el matiz sin perder la función.
Se conserva el orden oficial. El matiz violeta cambia con suavidad mientras la función documentada avanza del fondo al texto.
02
#FAF9FBFondo discreto
mauve-2
Radix Mauve 2- RGB
rgb(250 249 251)- Texto negro
- 20,01:1
- Texto blanco
- 1,05:1
03
#F2EFF3Fondo de componente
mauve-3
Radix Mauve 3- RGB
rgb(242 239 243)- Texto negro
- 18,42:1
- Texto blanco
- 1,14:1
04
#EAE7ECComponente bajo el puntero
mauve-4
Radix Mauve 4- RGB
rgb(234 231 236)- Texto negro
- 17,14:1
- Texto blanco
- 1,23:1
05
#E3DFE6Componente activo
mauve-5
Radix Mauve 5- RGB
rgb(227 223 230)- Texto negro
- 15,96:1
- Texto blanco
- 1,32:1
06
#DBD8E0Borde discreto
mauve-6
Radix Mauve 6- RGB
rgb(219 216 224)- Texto negro
- 14,91:1
- Texto blanco
- 1,41:1
07
#D0CDD7Borde interactivo
mauve-7
Radix Mauve 7- RGB
rgb(208 205 215)- Texto negro
- 13,40:1
- Texto blanco
- 1,57:1
08
#BCBAC7Borde marcado o foco
mauve-8
Radix Mauve 8- RGB
rgb(188 186 199)- Texto negro
- 10,99:1
- Texto blanco
- 1,91:1
09
#8E8C99Fondo sólido
mauve-9
Radix Mauve 9- RGB
rgb(142 140 153)- Texto negro
- 6,36:1
- Texto blanco
- 3,30:1
10
#84828EFondo sólido bajo el puntero
mauve-10
Radix Mauve 10- RGB
rgb(132 130 142)- Texto negro
- 5,56:1
- Texto blanco
- 3,77:1
11
#65636DTexto de contraste bajo
mauve-11
Radix Mauve 11- RGB
rgb(101 99 109)- Texto negro
- 3,56:1
- Texto blanco
- 5,90:1
12
#211F26Texto de contraste alto
mauve-12
Radix Mauve 12- RGB
rgb(33 31 38)- Texto negro
- 1,29:1
- Texto blanco
- 16,30:1
Alcance del catálogo
Doce valores de origen sin colores canónicos duplicados.
La conciliación con el catálogo no encontró ningún HEX canónico idéntico, por lo que cada token Mauve conserva la procedencia Radix. Las páginas individuales siguen en noindex y la colección completa es descubrible.
Comprueba la tipografía real, las superficies adyacentes, los bordes, los indicadores de foco y los estados. La función del token y un contraste de texto calculado no garantizan accesibilidad.
Abrir el comprobador de contraste →Comparar con Radix Slate →