Dibuat di 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
Palet terdiri dari Gelap, Lampu, Setengah gelap warna. Warna aksen blue-grey darken-4 #263238 Dan blue-grey darken-1 #546e7a. Palet memiliki suhu warna Dingin, Netral.
Palette Blue Grey palette Materialize CSS memiliki kombinasi warna kode 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 warna palet yang disederhanakan
Warna dari darkslategrey, Warna dari darkslategrey, Bayangan dari darkslategrey, Warna dari slategrey, Warna dari slategrey, Bayangan dari lightslategrey, Warna dari darkgrey, Warna dari Perak, Bayangan dari lightgrey, Warna dari whitesmoke
Skema warna diciptakan oleh mz
Kode warna dalam palet
Blue Grey palette Materialize CSS kode warna HEX, informasi RGB dalam tabel
Warna | HEX | RGB | Nama | nama alternatif |
#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 | — |
Kontras Palet Warna
17 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.
Warna teks | Warna latar belakang | Rasio Kontras |
#263238 | #37474f | 1.36 |
#263238 | #455a64 | 1.81 |
#37474f | #455a64 | 1.33 |
#37474f | #546e7a | 1.78 |
#455a64 | #546e7a | 1.34 |
#455a64 | #607d8b | 1.65 |