Criado em 12/27/2017 20:32
pormz
  4.96k

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
Entrar para salvar a paleta na coleção
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

Paleta de imagens Teal palette Materialize CSS png

Cores da paleta: Como usar?

Clique em qualquer cor para adicionar Paleta
Paleta rápida
Máximo de 10 paletas Comparar
Como usar?
Clique no ícone «Comparar» para adicionar paleta em Comparar paletas de lista
Comparar paletas