Criado em 10/16/2024 10:48
Material Design color palette
Coconut White
#e8eaf6
Ace
#c5cae9
Sorbet Ice Mauve
#9fa8da
Twilight Twinkle
#7986cb
#5c6bc0
#3f51b5
Night in Manchester
#3949ab
#303f9f
Royal Night
#283593
Impression of Obscurity
#1a237e
Periwinkle Blue
#8c9eff
Blue Heath Butterfly
#536dfe
Hooloovoo Blue
#3d5afe
#304ffe
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Periwinkle Blue #8c9eff e #304ffe. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design color palette 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: #536dfe, RGB: (83, 109, 254)
HEX: #3d5afe, RGB: (61, 90, 254); HEX: #304ffe, RGB: (48, 79, 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, Sombra de royalblue, Matiz de royalblue, Matiz de slateblue
O esquema de cores foi criado por MyPalettes
Códigos de cores na paleta
Material Design color palette códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#e8eaf6 | RGB(232, 234, 246) | Coconut White | — | |
#c5cae9 | RGB(197, 202, 233) | Ace | — | |
#9fa8da | RGB(159, 168, 218) | Sorbet Ice Mauve | — | |
#7986cb | RGB(121, 134, 203) | Twilight Twinkle | — | |
#5c6bc0 | RGB(92, 107, 192) | — | — | |
#3f51b5 | RGB(63, 81, 181) | — | — | |
#3949ab | RGB(57, 73, 171) | Night in Manchester | — | |
#303f9f | RGB(48, 63, 159) | — | — | |
#283593 | RGB(40, 53, 147) | Royal Night | — | |
#1a237e | RGB(26, 35, 126) | Impression of Obscurity | — | |
#8c9eff | RGB(140, 158, 255) | Periwinkle Blue | — | |
#536dfe | RGB(83, 109, 254) | Blue Heath Butterfly | — | |
#3d5afe | RGB(61, 90, 254) | Hooloovoo Blue | — | |
#304ffe | RGB(48, 79, 254) | — | — |
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 |