Créé à 06/14/2025 19:37
Accessibility-First Design Tokens
Contrast Navy
#1e293b
Readability Cream
#fffcf2
Link Cyan
#06aed5
Error Red
#dc2626
Focus Halo
#d9f99d
Disabled Grey
#9ca3af
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Readability Cream #fffcf2 et Link Cyan #06aed5. La palette a une température de couleur Froid, Neutre, Chaud.
La palette Accessibility-First Design Tokens a une combinaison de couleurs de codes 6:
HEX: #1e293b, RVB: (30, 41, 59); HEX: #fffcf2, RVB: (255, 252, 242); HEX: #06aed5, RVB: (6, 174, 213)
HEX: #dc2626, RVB: (220, 38, 38); HEX: #d9f99d, RVB: (217, 249, 157); HEX: #9ca3af, RVB: (156, 163, 175)
Version simplifiée des couleurs de la palette
Ombre de midnightblue, Ombre de floralwhite, Nuance de deepskyblue, Ombre de crimson, Ombre de palegreen, Nuance de darkgrey
Le jeu de couleurs a été créé par coolor
Codes couleurs dans la palette
Accessibility-First Design Tokens codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #1e293b | #1e293b | RVB(30, 41, 59) | Contrast Navy | — |
| #fffcf2 | #fffcf2 | RVB(255, 252, 242) | Readability Cream | — |
| #06aed5 | #06aed5 | RVB(6, 174, 213) | Link Cyan | — |
| #dc2626 | #dc2626 | RVB(220, 38, 38) | Error Red | — |
| #d9f99d | #d9f99d | RVB(217, 249, 157) | Focus Halo | — |
| #9ca3af | #9ca3af | RVB(156, 163, 175) | Disabled Grey | — |
Contraste de la palette de couleurs
4 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
| Couleur du texte | Couleur de l'arrière plan | Rapport de contraste |
#fffcf2 | #d9f99d | 1.13 |
#06aed5 | #dc2626 | 1.84 |
#06aed5 | #9ca3af | 1.03 |
#dc2626 | #9ca3af | 1.9 |
