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 accent-1 #8c9eff and indigo accent-4 #304ffe. Palette has Neutral, Cool colors temperature.
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)
Simplified version of palette colors
Shade of lavender, Shade of lightsteelblue, Tint of lightsteelblue, Tint of cornflowerblue, Shade of royalblue, Tint of slateblue, Shade of darkslateblue, Tint of darkslateblue, Tint of darkslateblue, Shade of midnightblue, Shade of cornflowerblue, Tint of slateblue, Tint of royalblue, Shade of royalblue
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 | — |
Color Palette Contrast
43 color pairs have low contrast and need improvement which may impact readability.
| Text Color | Background Color | Contrast Ratio |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
