Creado en 01/16/2024 08:57
Material Design Color Palette (19)
blue-grey lighten-5
#eceff1
blue-grey lighten-4
#cfd8dc
blue-grey lighten-3
#b0bec5
blue-grey lighten-2
#90a4ae
blue-grey lighten-1
#78909c
blue-grey
#607d8b
blue-grey darken-1
#546e7a
blue-grey darken-2
#455a64
blue-grey darken-3
#37474f
blue-grey darken-4
#263238
La paleta consta de Luz, semioscuro, Oscuro colores. Colores de acento blue-grey darken-1 #546e7a y blue-grey darken-4 #263238. La paleta tiene temperatura de color Neutral, Frío.
La paleta Material Design Color Palette (19) tiene una combinación de colores de códigos de 10:
HEX: #eceff1, RGB: (236, 239, 241); HEX: #cfd8dc, RGB: (207, 216, 220); HEX: #b0bec5, RGB: (176, 190, 197)
HEX: #90a4ae, RGB: (144, 164, 174); HEX: #78909c, RGB: (120, 144, 156); HEX: #607d8b, RGB: (96, 125, 139)
HEX: #546e7a, RGB: (84, 110, 122); HEX: #455a64, RGB: (69, 90, 100); HEX: #37474f, RGB: (55, 71, 79)
HEX: #263238, RGB: (38, 50, 56)
Versión simplificada de la paleta de colores
Matiz de whitesmoke, Sombra de lightgrey, Matiz de Plata, Matiz de darkgrey, Sombra de lightslategrey, Matiz de slategrey, Matiz de slategrey, Sombra de darkslategrey, Matiz de darkslategrey, Matiz de darkslategrey
El esquema de color fue creado por MyPalettes
Códigos de colores en la paleta
Material Design Color Palette (19) códigos de color HEX, información RGB en la tabla
| Color | HEX | RGB | Nombre | nombre alternativo |
| #eceff1 | RGB(236, 239, 241) | blue-grey lighten-5 | — | |
| #cfd8dc | RGB(207, 216, 220) | blue-grey lighten-4 | — | |
| #b0bec5 | RGB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
| #90a4ae | RGB(144, 164, 174) | blue-grey lighten-2 | — | |
| #78909c | RGB(120, 144, 156) | blue-grey lighten-1 | — | |
| #607d8b | RGB(96, 125, 139) | blue-grey | — | |
| #546e7a | RGB(84, 110, 122) | blue-grey darken-1 | — | |
| #455a64 | RGB(69, 90, 100) | blue-grey darken-2 | — | |
| #37474f | RGB(55, 71, 79) | blue-grey darken-3 | — | |
| #263238 | RGB(38, 50, 56) | blue-grey darken-4 | — |
Contraste de la paleta de colores
17 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 |
#eceff1 | #cfd8dc | 1.25 |
#eceff1 | #b0bec5 | 1.65 |
#cfd8dc | #b0bec5 | 1.31 |
#cfd8dc | #90a4ae | 1.78 |
#b0bec5 | #90a4ae | 1.35 |
#b0bec5 | #78909c | 1.75 |
