Created at
12/27/2017 20:20
1
Indigo palette Materialize CSS
indigo lighten-4
#e8eaf6
indigo lighten-3
#c5cae9
indigo lighten-2
#9fa8da
indigo lighten-1
#7986cb
#5c6bc0
indigo
#3f51b5
indigo darken-1
#3949ab
indigo darken-2
#303f9f
indigo darken-3
#283593
indigo darken-4
#1a237e
indigo accent-1
#8c9eff
indigo accent-4
#304ffe
indigo accent-3
#3d5afe
indigo accent-2
#536dfe
The palette consists of Light, Semi dark, Dark colors
Accent colors indigo lighten-4 and indigo lighten-3
Palette Indigo palette Materialize CSS has combination of 14 codes colors:
HEX: #e8eaf6, RGB: (232, 234, 246); HEX: #c5cae9, RGB: (197, 202, 233); HEX: #9fa8da, RGB: (159, 168, 218)
HEX: #7986cb, RGB: (121, 134, 203); HEX: #5c6bc0, RGB: (92, 107, 192); HEX: #3f51b5, RGB: (63, 81, 181)
HEX: #3949ab, RGB: (57, 73, 171); HEX: #303f9f, RGB: (48, 63, 159); HEX: #283593, RGB: (40, 53, 147)
HEX: #1a237e, RGB: (26, 35, 126); HEX: #8c9eff, RGB: (140, 158, 255); HEX: #304ffe, RGB: (48, 79, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #536dfe, RGB: (83, 109, 254)
Color scheme was created by mz
Colors codes in palette
Indigo palette Materialize CSS color codes HEX, RGB information in table
Color | HEX | RGB | Name | Alternative name |
#e8eaf6 | RGB(232, 234, 246) | indigo lighten-4 | — | |
#c5cae9 | RGB(197, 202, 233) | indigo lighten-3 | — | |
#9fa8da | RGB(159, 168, 218) | indigo lighten-2 | — | |
#7986cb | RGB(121, 134, 203) | indigo lighten-1 | — | |
#5c6bc0 | RGB(92, 107, 192) | — | — | |
#3f51b5 | RGB(63, 81, 181) | indigo | — | |
#3949ab | RGB(57, 73, 171) | indigo darken-1 | — | |
#303f9f | RGB(48, 63, 159) | indigo darken-2 | — | |
#283593 | RGB(40, 53, 147) | indigo darken-3 | — | |
#1a237e | RGB(26, 35, 126) | indigo darken-4 | — | |
#8c9eff | RGB(140, 158, 255) | indigo accent-1 | — | |
#304ffe | RGB(48, 79, 254) | indigo accent-4 | — | |
#3d5afe | RGB(61, 90, 254) | indigo accent-3 | — | |
#536dfe | RGB(83, 109, 254) | indigo accent-2 | — |