10
blue-10
Carbon Blue 10
- HEX
#EDF5FF- RGB
rgb(237 245 255)- Texto negro
- 19,11:1
- Texto blanco
- 1,10:1
← Volver al catálogo de colores
Referencia versionada de la escala azul
Carbon Blue, calibrado de 10 a 100
Lee la escala azul oficial como un sistema continuo y no como diez muestras aisladas. Copia valores exactos, compara el contraste y localiza Blue 60, el ancla documentada para la acción principal.
- Pasos de la escala
- 10 → 100
- Ancla de acción
- Blue 60 · #0F62FE
- Versión
- 11.55.0
Fuente y alcance
Una escala oficial de una versión fija del paquete.
Esta referencia incluye solo los diez valores Blue sRGB opacos exportados por @carbon/colors 11.55.0. Los valores hover, otras familias, temas y alias semánticos quedan fuera.
Hexees es una referencia independiente, no afiliada ni respaldada por IBM o Carbon Design System.
- Versión
- @carbon/colors 11.55.0
- Licencia
- Apache-2.0
Banda de calibración
Del matiz más pálido al azul más profundo.
El orden sigue la exportación fijada del paquete. Cada fila muestra las mismas medidas para que el peso visual, y no el adorno de una tarjeta, permita comparar.
20
blue-20
Carbon Blue 20
- HEX
#D0E2FF- RGB
rgb(208 226 255)- Texto negro
- 16,00:1
- Texto blanco
- 1,31:1
30
blue-30
Carbon Blue 30
- HEX
#A6C8FF- RGB
rgb(166 200 255)- Texto negro
- 12,33:1
- Texto blanco
- 1,70:1
40
blue-40
Carbon Blue 40
- HEX
#78A9FF- RGB
rgb(120 169 255)- Texto negro
- 8,92:1
- Texto blanco
- 2,35:1
50
blue-50
Carbon Blue 50
- HEX
#4589FF- RGB
rgb(69 137 255)- Texto negro
- 6,28:1
- Texto blanco
- 3,35:1
60Ancla de acción principal
blue-60
Carbon Blue 60
- HEX
#0F62FE- RGB
rgb(15 98 254)- Texto negro
- 4,20:1
- Texto blanco
- 5,00:1
70
blue-70
Carbon Blue 70
- HEX
#0043CE- RGB
rgb(0 67 206)- Texto negro
- 2,69:1
- Texto blanco
- 7,79:1
80
blue-80
Carbon Blue 80
- HEX
#002D9C- RGB
rgb(0 45 156)- Texto negro
- 1,86:1
- Texto blanco
- 11,32:1
90
blue-90
Carbon Blue 90
- HEX
#001D6C- RGB
rgb(0 29 108)- Texto negro
- 1,39:1
- Texto blanco
- 15,08:1
100
blue-100
Carbon Blue 100
- HEX
#001141- RGB
rgb(0 17 65)- Texto negro
- 1,16:1
- Texto blanco
- 18,16:1
Usar con evidencia
Un rol del sistema no garantiza el contraste.
Carbon documenta Blue 60 como color activo de la acción principal. Ese rol pertenece a la versión citada y no demuestra la accesibilidad de cualquier texto, borde, estado o superficie adyacente.
Prueba el componente real en estados hover, foco, selección, desactivado y alto contraste. No comuniques significado solo mediante el azul.
Abrir el comprobador de contraste →