Creado en 12/27/2017 20:20
1
Indigo palette Materialize CSS
indigo lighten-4
#e8eaf6
indigo lighten-3
#c5cae9
indigo lighten-2
#9fa8da
indigo lighten-1
#7986cb
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-4
#304ffe
indigo accent-3
#3d5afe
indigo accent-2
#536dfe
La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento indigo accent-1 #8c9eff y indigo accent-4 #304ffe. La paleta tiene temperatura de color Neutral, Frío.
La paleta Indigo palette Materialize CSS tiene una combinación de colores de códigos de 14:
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #304ffe, RGB: (48, 79, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #536dfe, RGB: (83, 109, 254)
Versión simplificada de la paleta de colores
Sombra de lavender, Sombra de lightsteelblue, Matiz de lightsteelblue, Matiz de cornflowerblue, Sombra de royalblue, Matiz de slateblue, Sombra de darkslateblue, Matiz de darkslateblue, Matiz de darkslateblue, Sombra de midnightblue, Sombra de cornflowerblue, Matiz de slateblue, Matiz de royalblue, Sombra de royalblue
El esquema de color fue creado por mz
Códigos de colores en la paleta
Indigo palette Materialize CSS códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #e8eaf6 | RGB(232, 234, 246) | indigo lighten-4 | — | |
| #c5cae9 | RGB(197, 202, 233) | indigo lighten-3 | — | |
| #9fa8da | RGB(159, 168, 218) | indigo lighten-2 | — | |
| #7986cb | RGB(121, 134, 203) | indigo lighten-1 | — | |
| #5c6bc0 | RGB(92, 107, 192) | — | — | |
| #3f51b5 | RGB(63, 81, 181) | indigo | — | |
| #3949ab | RGB(57, 73, 171) | indigo darken-1 | — | |
| #303f9f | RGB(48, 63, 159) | indigo darken-2 | — | |
| #283593 | RGB(40, 53, 147) | indigo darken-3 | — | |
| #1a237e | RGB(26, 35, 126) | indigo darken-4 | — | |
| #8c9eff | RGB(140, 158, 255) | indigo accent-1 | — | |
| #304ffe | RGB(48, 79, 254) | indigo accent-4 | — | |
| #3d5afe | RGB(61, 90, 254) | indigo accent-3 | — | |
| #536dfe | RGB(83, 109, 254) | indigo accent-2 | — |
Contraste de la paleta de colores
43 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 |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
