Criado em 01/16/2024 08:46
  25

Material Design Color Palette (06)

blue lighten-5
#e3f2fd
blue lighten-4
#bbdefb
blue lighten-3
#90caf9
blue lighten-2
#64b5f6
blue lighten-1
#42a5f5
blue
#2196f3
blue darken-1
#1e88e5
blue darken-2
#1976d2
blue darken-3
#1565c0
blue darken-4
#0d47a1
blue accent-1
#82b1ff
blue accent-2
#448aff
blue accent-3
#2979ff
blue accent-4
#2962ff
Entrar para salvar a paleta na coleção
A paleta consiste em cores Luz, Semi escuro. Cores de destaque blue accent-1 #82b1ff e blue accent-2 #448aff. A paleta tem Neutro, Legal temperatura de cores.
A paleta Material Design Color Palette (06) tem uma combinação de cores de códigos de 14:
HEX: #e3f2fd, RGB: (227, 242, 253); HEX: #bbdefb, RGB: (187, 222, 251); HEX: #90caf9, RGB: (144, 202, 249)
HEX: #64b5f6, RGB: (100, 181, 246); HEX: #42a5f5, RGB: (66, 165, 245); HEX: #2196f3, RGB: (33, 150, 243)
HEX: #1e88e5, RGB: (30, 136, 229); HEX: #1976d2, RGB: (25, 118, 210); HEX: #1565c0, RGB: (21, 101, 192)
HEX: #0d47a1, RGB: (13, 71, 161); HEX: #82b1ff, RGB: (130, 177, 255); HEX: #448aff, RGB: (68, 138, 255)
HEX: #2979ff, RGB: (41, 121, 255); HEX: #2962ff, RGB: (41, 98, 255)
Versão simplificada das cores da paleta
Matiz de aliceblue, Sombra de lightsteelblue, Sombra de lightskyblue, Sombra de deepskyblue, Sombra de dodgerblue, Sombra de dodgerblue, Matiz de dodgerblue, Matiz de steelblue, Matiz de royalblue, Matiz de darkslateblue, Sombra de cornflowerblue, Sombra de dodgerblue, Sombra de royalblue, Matiz de royalblue
O esquema de cores foi criado por MyPalettes

Códigos de cores na paleta

Material Design Color Palette (06) códigos de cores HEX, informações RGB na tabela

Cor HEX RGB Nome nome alternativo
#e3f2fd RGB(227, 242, 253)blue lighten-5
#bbdefb RGB(187, 222, 251)blue lighten-4
#90caf9 RGB(144, 202, 249)blue lighten-3
#64b5f6 RGB(100, 181, 246)blue lighten-2
#42a5f5 RGB(66, 165, 245)blue lighten-1
#2196f3 RGB(33, 150, 243)blue
#1e88e5 RGB(30, 136, 229)blue darken-1
#1976d2 RGB(25, 118, 210)blue darken-2
#1565c0 RGB(21, 101, 192)blue darken-3
#0d47a1 RGB(13, 71, 161)blue darken-4
#82b1ff RGB(130, 177, 255)blue accent-1
#448aff RGB(68, 138, 255)blue accent-2
#2979ff RGB(41, 121, 255)blue accent-3
#2962ff RGB(41, 98, 255)blue accent-4

Contraste da Paleta de Cores

54 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
#e3f2fd
#bbdefb
1.22
#e3f2fd
#90caf9
1.53
#e3f2fd
#64b5f6
1.93
#e3f2fd
#82b1ff
1.89
#bbdefb
#90caf9
1.24
#bbdefb
#64b5f6
1.57

Paleta de imagens Material Design Color Palette (06) 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