01
#FDFCFDFond d’application
mauve-1
Radix Mauve 1- RGB
rgb(253 252 253)- Texte noir
- 20,52:1
- Texte blanc
- 1,02:1
← Revenir au catalogue de couleurs
Repérage des neutres violets
Mauve, superposé comme des calques sur l’encre de l’interface.
Une échelle neutre teintée de violet pour les interfaces aux accents rouges, rubis, cramoisis, roses, prune, pourpres et violets. Les douze étapes officielles forment un seul système repéré.
- Étapes de l’échelle
- 01—12
- Rôles documentés
- 12
- Version
- 3.0.0
Provenance figée
L’export opaque clair exact de Mauve, figé en version 3.0.0.
Cette page contient uniquement Mauve 1–12 de l’export sRGB opaque clair de @radix-ui/colors 3.0.0. Le mode sombre, les valeurs alpha et P3 sont hors de cette référence.
Hexees est une référence indépendante, sans affiliation ni approbation de WorkOS ou Radix.
- Version
- @radix-ui/colors 3.0.0
- Licence
- MIT
Échantillons repérés
Comparez la teinte sans perdre le rôle.
L’ordre officiel est conservé. La nuance violette évolue doucement tandis que le rôle documenté progresse du fond vers le texte.
02
#FAF9FBFond discret
mauve-2
Radix Mauve 2- RGB
rgb(250 249 251)- Texte noir
- 20,01:1
- Texte blanc
- 1,05:1
03
#F2EFF3Fond de composant
mauve-3
Radix Mauve 3- RGB
rgb(242 239 243)- Texte noir
- 18,42:1
- Texte blanc
- 1,14:1
04
#EAE7ECComposant au survol
mauve-4
Radix Mauve 4- RGB
rgb(234 231 236)- Texte noir
- 17,14:1
- Texte blanc
- 1,23:1
05
#E3DFE6Composant actif
mauve-5
Radix Mauve 5- RGB
rgb(227 223 230)- Texte noir
- 15,96:1
- Texte blanc
- 1,32:1
06
#DBD8E0Bordure discrète
mauve-6
Radix Mauve 6- RGB
rgb(219 216 224)- Texte noir
- 14,91:1
- Texte blanc
- 1,41:1
07
#D0CDD7Bordure interactive
mauve-7
Radix Mauve 7- RGB
rgb(208 205 215)- Texte noir
- 13,40:1
- Texte blanc
- 1,57:1
08
#BCBAC7Bordure marquée ou repère de navigation
mauve-8
Radix Mauve 8- RGB
rgb(188 186 199)- Texte noir
- 10,99:1
- Texte blanc
- 1,91:1
09
#8E8C99Fond uni
mauve-9
Radix Mauve 9- RGB
rgb(142 140 153)- Texte noir
- 6,36:1
- Texte blanc
- 3,30:1
10
#84828EFond uni au survol
mauve-10
Radix Mauve 10- RGB
rgb(132 130 142)- Texte noir
- 5,56:1
- Texte blanc
- 3,77:1
11
#65636DTexte à contraste atténué
mauve-11
Radix Mauve 11- RGB
rgb(101 99 109)- Texte noir
- 3,56:1
- Texte blanc
- 5,90:1
12
#211F26Texte à contraste élevé
mauve-12
Radix Mauve 12- RGB
rgb(33 31 38)- Texte noir
- 1,29:1
- Texte blanc
- 16,30:1
Périmètre du catalogue
Douze valeurs source sans doublon canonique.
La comparaison avec le catalogue n’a trouvé aucun HEX canonique identique. Chaque jeton Mauve conserve donc sa provenance Radix. Les pages individuelles restent en noindex tandis que la collection complète est découvrable.
Vérifiez la typographie réelle, les surfaces adjacentes, les bordures, les repères de navigation au clavier et les états. Le rôle d’un jeton et un contraste de texte calculé ne garantissent pas l’accessibilité.
Ouvrir le vérificateur de contraste →Comparer avec Radix Slate →