Criado em 04/29/2021 16:06
Material Design Color Palette (nº5)
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
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque indigo accent-1 #8c9eff e indigo accent-4 #304ffe. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design Color Palette (nº5) tem uma combinação de cores de códigos de 14:
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)
Versão simplificada das cores da paleta
Sombra de lavender, Sombra de lightsteelblue, Matiz de lightsteelblue, Matiz de cornflowerblue, Sombra de royalblue, Matiz de slateblue, Sombra de darkslateblue, Matiz de darkslateblue, Matiz de darkslateblue, Sombra de midnightblue, Sombra de cornflowerblue, Matiz de slateblue, Matiz de royalblue, Sombra de royalblue
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design Color Palette (nº5) códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #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 | — |
Contraste da Paleta de Cores
43 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Taxa de contraste |
#e8eaf6 | #c5cae9 | 1.34 |
#e8eaf6 | #9fa8da | 1.92 |
#c5cae9 | #9fa8da | 1.43 |
#c5cae9 | #8c9eff | 1.53 |
#9fa8da | #7986cb | 1.49 |
#9fa8da | #8c9eff | 1.07 |
