Criado em 12/27/2017 20:32
1
Teal palette Materialize CSS
teal lighten-5
#e0f2f1
teal lighten-4
#b2dfdb
teal lighten-3
#80cbc4
teal lighten-2
#4db6ac
teal lighten-1
#26a69a
teal
#009688
teal darken-1
#00897b
teal darken-2
#00796b
teal darken-3
#00695c
teal darken-4
#004d40
teal accent-1
#a7ffeb
teal accent-2
#64ffda
teal accent-3
#1de9b6
teal accent-4
#00bfa5
A paleta consiste em cores Luz, Semi escuro. Cores de destaque teal accent-1 #a7ffeb e teal accent-2 #64ffda. A paleta tem Neutro, Legal temperatura de cores.
A paleta Teal palette Materialize CSS tem uma combinação de cores de códigos de 14:
HEX: #e0f2f1, RGB: (224, 242, 241); HEX: #b2dfdb, RGB: (178, 223, 219); HEX: #80cbc4, RGB: (128, 203, 196)
HEX: #4db6ac, RGB: (77, 182, 172); HEX: #26a69a, RGB: (38, 166, 154); HEX: #009688, RGB: (0, 150, 136)
HEX: #00897b, RGB: (0, 137, 123); HEX: #00796b, RGB: (0, 121, 107); HEX: #00695c, RGB: (0, 105, 92)
HEX: #004d40, RGB: (0, 77, 64); HEX: #a7ffeb, RGB: (167, 255, 235); HEX: #64ffda, RGB: (100, 255, 218)
HEX: #1de9b6, RGB: (29, 233, 182); HEX: #00bfa5, RGB: (0, 191, 165)
Versão simplificada das cores da paleta
Matiz de azure, Matiz de powderblue, Sombra de mediumturquoise, Sombra de lightseagreen, Matiz de lightseagreen, Sombra de darkcyan, Matiz de darkcyan, Matiz de Cerceta, Matiz de Cerceta, Matiz de darkslategrey, Sombra de aquamarine, Matiz de aquamarine, Matiz de aquamarine, Matiz de lightseagreen
O esquema de cores foi criado por mz
Códigos de cores na paleta
Teal palette Materialize CSS códigos de cores HEX, informações RGB na tabela
Cor | HEX | RGB | Nome | nome alternativo |
#e0f2f1 | RGB(224, 242, 241) | teal lighten-5 | — | |
#b2dfdb | RGB(178, 223, 219) | teal lighten-4 | — | |
#80cbc4 | RGB(128, 203, 196) | teal lighten-3 | — | |
#4db6ac | RGB(77, 182, 172) | teal lighten-2 | — | |
#26a69a | RGB(38, 166, 154) | teal lighten-1 | — | |
#009688 | RGB(0, 150, 136) | teal | — | |
#00897b | RGB(0, 137, 123) | teal darken-1 | — | |
#00796b | RGB(0, 121, 107) | teal darken-2 | — | |
#00695c | RGB(0, 105, 92) | teal darken-3 | — | |
#004d40 | RGB(0, 77, 64) | teal darken-4 | — | |
#a7ffeb | RGB(167, 255, 235) | teal accent-1 | — | |
#64ffda | RGB(100, 255, 218) | teal accent-2 | — | |
#1de9b6 | RGB(29, 233, 182) | teal accent-3 | — | |
#00bfa5 | RGB(0, 191, 165) | teal accent-4 | — |
Contraste da Paleta de Cores
44 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 |
#e0f2f1 | #b2dfdb | 1.25 |
#e0f2f1 | #80cbc4 | 1.61 |
#e0f2f1 | #a7ffeb | 1 |
#e0f2f1 | #64ffda | 1.07 |
#e0f2f1 | #1de9b6 | 1.35 |
#b2dfdb | #80cbc4 | 1.28 |