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