Créé à 12/15/2017 21:20
3
Blue Grey palette Materialize CSS
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 palette se compose de Sombre, Lumière, Semi foncé couleurs. Couleurs d'accent blue-grey darken-4 #263238 et blue-grey darken-1 #546e7a. La palette a une température de couleur Froid, Neutre.
La palette Blue Grey palette Materialize CSS a une combinaison de couleurs de codes 10:
HEX: #263238, RVB: (38, 50, 56); HEX: #37474f, RVB: (55, 71, 79); HEX: #455a64, RVB: (69, 90, 100)
HEX: #546e7a, RVB: (84, 110, 122); HEX: #607d8b, RVB: (96, 125, 139); HEX: #78909c, RVB: (120, 144, 156)
HEX: #90a4ae, RVB: (144, 164, 174); HEX: #b0bec5, RVB: (176, 190, 197); HEX: #cfd8dc, RVB: (207, 216, 220)
HEX: #eceff1, RVB: (236, 239, 241)
Version simplifiée des couleurs de la palette
Nuance de darkslategrey, Nuance de darkslategrey, Ombre de darkslategrey, Nuance de slategrey, Nuance de slategrey, Ombre de lightslategrey, Nuance de darkgrey, Nuance de Argent, Ombre de lightgrey, Nuance de whitesmoke
Le jeu de couleurs a été créé par mz
Codes couleurs dans la palette
Blue Grey palette Materialize CSS codes de couleur HEX, informations RVB dans le tableau
Couleur | HEX | RVB | Nom | Autre nom |
#263238 | RVB(38, 50, 56) | blue-grey darken-4 | — | |
#37474f | RVB(55, 71, 79) | blue-grey darken-3 | — | |
#455a64 | RVB(69, 90, 100) | blue-grey darken-2 | — | |
#546e7a | RVB(84, 110, 122) | blue-grey darken-1 | — | |
#607d8b | RVB(96, 125, 139) | blue-grey | — | |
#78909c | RVB(120, 144, 156) | blue-grey lighten-1 | — | |
#90a4ae | RVB(144, 164, 174) | blue-grey lighten-2 | — | |
#b0bec5 | RVB(176, 190, 197) | blue-grey lighten-3 | Ocean Drive | |
#cfd8dc | RVB(207, 216, 220) | blue-grey lighten-4 | — | |
#eceff1 | RVB(236, 239, 241) | blue-grey lighten-5 | — |
Contraste de la palette de couleurs
17 paires de couleurs ont un faible contraste et nécessitent des améliorations, ce qui peut affecter la lisibilité.
Couleur du texte | Couleur de l'arrière plan | Rapport 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 |