Creado en 06/12/2025 08:44
Inclusive Web Components Library
Accessible Blue
#2563eb
Readable White
#fcfcfc
Clear Coral
#ff9f9f
Support Mint
#bbf7d0
Label Graphite
#374151
Guide Beige
#fef9e7
La paleta consta de semioscuro, Luz colores. Colores de acento Accessible Blue #2563eb y Clear Coral #ff9f9f. La paleta tiene temperatura de color Frío, Neutral, Cálido.
La paleta Inclusive Web Components Library tiene una combinación de colores de códigos de 6:
HEX: #2563eb, RGB: (37, 99, 235); HEX: #fcfcfc, RGB: (252, 252, 252); HEX: #ff9f9f, RGB: (255, 159, 159)
HEX: #bbf7d0, RGB: (187, 247, 208); HEX: #374151, RGB: (55, 65, 81); HEX: #fef9e7, RGB: (254, 249, 231)
Versión simplificada de la paleta de colores
Matiz de royalblue, Matiz de Blanco, Sombra de lightcoral, Sombra de aquamarine, Matiz de darkslateblue, Sombra de oldlace
El esquema de color fue creado por colorday
Códigos de colores en la paleta
Inclusive Web Components Library códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #2563eb | #2563eb | RGB(37, 99, 235) | Accessible Blue | — |
| #fcfcfc | #fcfcfc | RGB(252, 252, 252) | Readable White | Gray99 |
| #ff9f9f | #ff9f9f | RGB(255, 159, 159) | Clear Coral | — |
| #bbf7d0 | #bbf7d0 | RGB(187, 247, 208) | Support Mint | — |
| #374151 | #374151 | RGB(55, 65, 81) | Label Graphite | — |
| #fef9e7 | #fef9e7 | RGB(254, 249, 231) | Guide Beige | — |
Contraste de la paleta de colores
7 pares de colores tienen un contraste bajo y necesitan mejoras, lo que puede afectar la legibilidad.
| Color de texto | Color de fondo | Relación de contraste |
#2563eb | #374151 | 1.99 |
#fcfcfc | #ff9f9f | 1.91 |
#fcfcfc | #bbf7d0 | 1.18 |
#fcfcfc | #fef9e7 | 1.02 |
#ff9f9f | #bbf7d0 | 1.61 |
#ff9f9f | #fef9e7 | 1.85 |
