Created at
12/27/2017 12:56
1
Blue palette Materialize CSS
blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
The palette consists of Light, Semi dark colors.
Accent colors blue lighten-5 and blue lighten-4.
Palette has Neutral, Cool colors temperature.
Palette Blue palette Materialize CSS has combination of 14 codes colors:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #2962ff, RGB: (41, 98, 255)
Color scheme was created by mz
Colors codes in palette
Blue palette Materialize CSS color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#e3f2fd | RGB(227, 242, 253) | blue lighten-5 | — | |
#bbdefb | RGB(187, 222, 251) | blue lighten-4 | — | |
#90caf9 | RGB(144, 202, 249) | blue lighten-3 | — | |
#64b5f6 | RGB(100, 181, 246) | blue lighten-2 | — | |
#42a5f5 | RGB(66, 165, 245) | blue lighten-1 | — | |
#2196f3 | RGB(33, 150, 243) | blue | — | |
#1e88e5 | RGB(30, 136, 229) | blue darken-1 | — | |
#1976d2 | RGB(25, 118, 210) | blue darken-2 | — | |
#1565c0 | RGB(21, 101, 192) | blue darken-3 | — | |
#0d47a1 | RGB(13, 71, 161) | blue darken-4 | — | |
#82b1ff | RGB(130, 177, 255) | blue accent-1 | — | |
#448aff | RGB(68, 138, 255) | blue accent-2 | — | |
#2979ff | RGB(41, 121, 255) | blue accent-3 | — | |
#2962ff | RGB(41, 98, 255) | blue accent-4 | — |