Pop-up story telling interaction design colors
- #2494d4
- #8dc9eb
- #14347c
- #5284ae
- #839fbf
- #2e3a50
Criado em 03/31/2021 13:57
A paleta consiste em cores Claro, Semi escuro. Cores de destaque #2494d4 e #14347c. A paleta tem Frio temperatura de cores.
Em luminosidade, a paleta vai de #2E3A50 (mais escuro) a #8DC9EB (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 20°.
No geral, a temperatura tende para o frio (6 de 6).
Códigos HEX (ordenados): #14347C, #2494D4, #2E3A50, #5284AE, #839FBF, #8DC9EB
A paleta Pop-up story telling interaction design colors combina 6 códigos de cor:
HEX: #2494d4, RGB: (36, 148, 212); HEX: #8dc9eb, RGB: (141, 201, 235); HEX: #14347c, RGB: (20, 52, 124)
HEX: #5284ae, RGB: (82, 132, 174); HEX: #839fbf, RGB: (131, 159, 191); HEX: #2e3a50, RGB: (46, 58, 80)
Versão simplificada das cores da paleta
Tom escuro de Azul-dodger, Tom escuro de Azul-céu-claro, Tom escuro de Azul-ardósia-escuro, Tom claro de Azul-aço, Tom claro de Azul-centáurea, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Pop-up story telling interaction design colors códigos de cores HEX, informações RGB na tabela
Contraste da paleta de cores
6 pares de cores têm contraste baixo e precisam de melhorias, o que pode afetar a legibilidade.
| Cor do texto | Cor de fundo | Razão de contraste |
|---|---|---|
#2494d4 | #8dc9eb | 1.86 |
#2494d4 | #5284ae | 1.18 |
#2494d4 | #839fbf | 1.22 |
#8dc9eb | #839fbf | 1.52 |
#14347c | #2e3a50 | 1.01 |
#5284ae | #839fbf | 1.45 |
Paleta de imagens Pop-up story telling interaction design colors png
Exportar paleta
Baixe a "Pop-up story telling interaction design colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: