Created at 09/02/2020 13:24
1
blue-grey darken-4
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
The palette consists of Dark, Light, Semi dark colors. Accent colors blue-grey darken-4 #263238 and blue-grey darken-1 #546e7a. Palette has Cool, Neutral colors temperature.
Palette blue-grey darken-4 has combination of 10 codes colors:
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)
Simplified version of palette colors
Tint of darkslategrey, Tint of darkslategrey, Shade of darkslategrey, Tint of slategrey, Tint of slategrey, Shade of lightslategrey, Tint of darkgrey, Tint of Silver, Shade of lightgrey, Tint of whitesmoke
Color scheme was created by Hoangduc
Colors codes in palette
blue-grey darken-4 color codes HEX, RGB information in table
| Color | HEX | RGB | Name | Alternative name |
| #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 | — |
Color Palette Contrast
17 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#263238 | #37474f | 1.36 |
#263238 | #455a64 | 1.81 |
#37474f | #455a64 | 1.33 |
#37474f | #546e7a | 1.78 |
#455a64 | #546e7a | 1.34 |
#455a64 | #607d8b | 1.65 |
