Criado em 11/21/2022 13:37
Bank ui design finance app
- Celestial Blue#4d9dd1
- Light Steel Blue#a8c9e4
- Violet (Crayola)#9a3491
- Cadet Blue#5c949c
- Dark Vanilla#cece9c
- American Blue#3a3c6f
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Celestial Blue #4d9dd1 e Dark Vanilla #cece9c. A paleta tem Legal, Neutro, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #3A3C6F (mais escuro) a #A8C9E4 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — tons suaves e acentos mais vivos.
Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #3A3C6F, #4D9DD1, #5C949C, #9A3491, #A8C9E4, #CECE9C
A paleta Bank ui design finance app tem uma combinação de cores de códigos de 6:
HEX: #4d9dd1, RGB: (77, 157, 209); HEX: #a8c9e4, RGB: (168, 201, 228); HEX: #9a3491, RGB: (154, 52, 145)
HEX: #5c949c, RGB: (92, 148, 156); HEX: #cece9c, RGB: (206, 206, 156); HEX: #3a3c6f, RGB: (58, 60, 111)
Versão simplificada das cores da paleta
Sombra de dodgerblue, Sombra de lightsteelblue, Sombra de darkmagenta, Matiz de cadetblue, Matiz de palegoldenrod, Matiz de darkslateblue
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Bank ui design finance app códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #4d9dd1 | #4d9dd1 | RGB(77, 157, 209) | Celestial Blue | — |
| #a8c9e4 | #a8c9e4 | RGB(168, 201, 228) | Light Steel Blue | — |
| #9a3491 | #9a3491 | RGB(154, 52, 145) | Violet (Crayola) | — |
| #5c949c | #5c949c | RGB(92, 148, 156) | Cadet Blue | — |
| #cece9c | #cece9c | RGB(206, 206, 156) | Dark Vanilla | — |
| #3a3c6f | #3a3c6f | RGB(58, 60, 111) | American Blue | — |
Contraste da Paleta de Cores
7 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 |
#4d9dd1 | #a8c9e4 | 1.71 |
#4d9dd1 | #5c949c | 1.14 |
#4d9dd1 | #cece9c | 1.83 |
#a8c9e4 | #5c949c | 1.96 |
#a8c9e4 | #cece9c | 1.06 |
#9a3491 | #5c949c | 1.88 |
Paleta de imagens Bank ui design finance app png
Exportar paleta
Baixe a "Bank ui design finance app" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: