Criado em 02/21/2023 09:20
Banking app design finance ux palette
- Palatinate Blue#3845d8
- Jordy Blue#84bcfb
- Dark Imperial Blue#160f7b
- Electric Brown#b56759
- Lilac#bfa5ce
- Deep Koamaru#333763
A paleta consiste em cores Luz, Escuro. Cores de destaque Jordy Blue #84bcfb e Electric Brown #b56759. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #160F7B (mais escuro) a #84BCFB (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio.
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): #160F7B, #333763, #3845D8, #84BCFB, #B56759, #BFA5CE
A paleta Banking app design finance ux palette tem uma combinação de cores de códigos de 6:
HEX: #3845d8, RGB: (56, 69, 216); HEX: #84bcfb, RGB: (132, 188, 251); HEX: #160f7b, RGB: (22, 15, 123)
HEX: #b56759, RGB: (181, 103, 89); HEX: #bfa5ce, RGB: (191, 165, 206); HEX: #333763, RGB: (51, 55, 99)
Versão simplificada das cores da paleta
Matiz de slateblue, Matiz de lightskyblue, Sombra de Marinha, Matiz de indianred, Matiz de plum, Matiz de darkslateblue
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Banking app design finance ux palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3845d8 | #3845d8 | RGB(56, 69, 216) | Palatinate Blue | — |
| #84bcfb | #84bcfb | RGB(132, 188, 251) | Jordy Blue | — |
| #160f7b | #160f7b | RGB(22, 15, 123) | Dark Imperial Blue | — |
| #b56759 | #b56759 | RGB(181, 103, 89) | Electric Brown | — |
| #bfa5ce | #bfa5ce | RGB(191, 165, 206) | Lilac | — |
| #333763 | #333763 | RGB(51, 55, 99) | Deep Koamaru | — |
Contraste da Paleta de Cores
5 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 |
#3845d8 | #b56759 | 1.67 |
#3845d8 | #333763 | 1.61 |
#84bcfb | #bfa5ce | 1.11 |
#160f7b | #333763 | 1.34 |
#b56759 | #bfa5ce | 1.87 |
Paleta de imagens Banking app design finance ux palette png
Exportar paleta
Baixe a "Banking app design finance ux palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: