Créé à 06/16/2025 20:09
Mobile First Accessibility Kit
- Readability Navy#1d2545
- Tap Yellow#fff176
- Focus Ring Aqua#38f3e2
- Content Vanilla#fdf4e3
- Contrast Coral#fa7268
- Clear Text Gray#3b3b3b
La palette se compose de Sombre, Lumière couleurs. Couleurs d'accent Tap Yellow #fff176 et Focus Ring Aqua #38f3e2. La palette a une température de couleur Froid, Chaud, Neutre.
En luminosité, cette palette va de #1D2545 (plus sombre) à #FDF4E3 (plus clair). L’écart de luminosité est large.
La saturation semble globalement vive (chromie élevée).
Certaines paires sont proches de positions complémentaires — effet possible de contraste (heuristique).
Les notes chaudes et froides sont assez équilibrées.
Codes HEX (triés) : #1D2545, #38F3E2, #3B3B3B, #FA7268, #FDF4E3, #FFF176
La palette Mobile First Accessibility Kit a une combinaison de couleurs de codes 6:
HEX: #1d2545, RVB: (29, 37, 69); HEX: #fff176, RVB: (255, 241, 118); HEX: #38f3e2, RVB: (56, 243, 226)
HEX: #fdf4e3, RVB: (253, 244, 227); HEX: #fa7268, RVB: (250, 114, 104); HEX: #3b3b3b, RVB: (59, 59, 59)
Version simplifiée des couleurs de la palette
Ombre de midnightblue, Ombre de Kaki, Ombre de turquoise, Nuance de oldlace, Nuance de salmon, Nuance de darkslategrey
Le jeu de couleurs a été créé par bad_colors
Codes couleurs dans la palette
Mobile First Accessibility Kit codes de couleur HEX, informations RVB dans le tableau
| Couleur | HEX | RVB | Nom | Autre nom |
| #1d2545 | #1d2545 | RVB(29, 37, 69) | Readability Navy | — |
| #fff176 | #fff176 | RVB(255, 241, 118) | Tap Yellow | — |
| #38f3e2 | #38f3e2 | RVB(56, 243, 226) | Focus Ring Aqua | — |
| #fdf4e3 | #fdf4e3 | RVB(253, 244, 227) | Content Vanilla | — |
| #fa7268 | #fa7268 | RVB(250, 114, 104) | Contrast Coral | — |
| #3b3b3b | #3b3b3b | RVB(59, 59, 59) | Clear Text Gray | Gray23 |
Contraste de la palette de couleurs
5 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 |
#1d2545 | #3b3b3b | 1.33 |
#fff176 | #38f3e2 | 1.19 |
#fff176 | #fdf4e3 | 1.06 |
#38f3e2 | #fdf4e3 | 1.27 |
#38f3e2 | #fa7268 | 1.96 |
Palette d'images Mobile First Accessibility Kit png
Exporter la palette
Téléchargez la "Mobile First Accessibility Kit" dans plusieurs formats pour une intégration fluide dans vos projets de design.
Formats disponibles :