10
blue-10
Carbon Blue 10
- HEX
#EDF5FF- RGB
rgb(237 245 255)- Texte noir
- 19,11:1
- Texte blanc
- 1,10:1
← Retour au catalogue de couleurs
Référence versionnée de l’échelle bleue
Carbon Blue, calibré de 10 à 100
Parcourez l’échelle bleue officielle comme un système continu plutôt que dix échantillons isolés. Copiez les valeurs exactes, comparez le contraste et repérez Blue 60, l’ancre documentée de l’action principale.
- Étapes de l’échelle
- 10 → 100
- Ancre d’action
- Blue 60 · #0F62FE
- Version
- 11.55.0
Source et périmètre
Une échelle officielle issue d’une version figée du paquet.
Cette référence contient uniquement les dix valeurs Blue sRGB opaques exportées par @carbon/colors 11.55.0. Les valeurs de survol, autres familles, thèmes et alias sémantiques sont exclus.
Hexees est une référence indépendante, sans affiliation ni approbation d’IBM ou du Carbon Design System.
- Version
- @carbon/colors 11.55.0
- Licence
- Apache-2.0
Bande d’étalonnage
De la teinte la plus pâle au bleu le plus profond.
L’ordre reprend l’export figé du paquet. Chaque ligne expose les mêmes mesures afin que la couleur, et non la décoration d’une carte, porte la comparaison.
20
blue-20
Carbon Blue 20
- HEX
#D0E2FF- RGB
rgb(208 226 255)- Texte noir
- 16,00:1
- Texte blanc
- 1,31:1
30
blue-30
Carbon Blue 30
- HEX
#A6C8FF- RGB
rgb(166 200 255)- Texte noir
- 12,33:1
- Texte blanc
- 1,70:1
40
blue-40
Carbon Blue 40
- HEX
#78A9FF- RGB
rgb(120 169 255)- Texte noir
- 8,92:1
- Texte blanc
- 2,35:1
50
blue-50
Carbon Blue 50
- HEX
#4589FF- RGB
rgb(69 137 255)- Texte noir
- 6,28:1
- Texte blanc
- 3,35:1
60Ancre de l’action principale
blue-60
Carbon Blue 60
- HEX
#0F62FE- RGB
rgb(15 98 254)- Texte noir
- 4,20:1
- Texte blanc
- 5,00:1
70
blue-70
Carbon Blue 70
- HEX
#0043CE- RGB
rgb(0 67 206)- Texte noir
- 2,69:1
- Texte blanc
- 7,79:1
80
blue-80
Carbon Blue 80
- HEX
#002D9C- RGB
rgb(0 45 156)- Texte noir
- 1,86:1
- Texte blanc
- 11,32:1
90
blue-90
Carbon Blue 90
- HEX
#001D6C- RGB
rgb(0 29 108)- Texte noir
- 1,39:1
- Texte blanc
- 15,08:1
100
blue-100
Carbon Blue 100
- HEX
#001141- RGB
rgb(0 17 65)- Texte noir
- 1,16:1
- Texte blanc
- 18,16:1
Utiliser des données vérifiables
Un rôle de design system ne garantit pas le contraste.
Carbon documente Blue 60 comme couleur active de l’action principale. Ce rôle appartient à la version citée et ne prouve pas l’accessibilité de tout texte, bordure, état ou surface voisine.
Testez le composant réel au survol, lors de la navigation au clavier, à la sélection, à l’état désactivé et en contraste renforcé. Ne transmettez pas une information par le bleu seul.
Ouvrir le vérificateur de contraste →