Finance animation payment app ui
- Copper (Crayola)#db8663
- Flavescent#f5ea8e
- Midnight Green (Eagle Green)#144c5c
- Green Sheen#6ea8a2
- Tuscany#bf9ba5
- Jacarta#39395c
Criado em 02/05/2023 17:36
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Flavescent #f5ea8e e Midnight Green (Eagle Green) #144c5c. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #39395C (mais escuro) a #F5EA8E (mais claro). A faixa de luminosidade é ampla.
Saturação mista — 3 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #144C5C, #39395C, #6EA8A2, #BF9BA5, #DB8663, #F5EA8E
A paleta Finance animation payment app ui combina 6 códigos de cor:
HEX: #db8663, RGB: (219, 134, 99); HEX: #f5ea8e, RGB: (245, 234, 142); HEX: #144c5c, RGB: (20, 76, 92)
HEX: #6ea8a2, RGB: (110, 168, 162); HEX: #bf9ba5, RGB: (191, 155, 165); HEX: #39395c, RGB: (57, 57, 92)
Versão simplificada das cores da paleta
Tom escuro de Salmão-escuro, Tom claro de Cáqui, Tom escuro de Cinza-ardósia-escuro, Tom claro de Azul-cadete, Tom claro de Marrom-rosado, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Finance animation payment app ui códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #db8663 | #db8663 | RGB(219, 134, 99) | Copper (Crayola) | — |
| #f5ea8e | #f5ea8e | RGB(245, 234, 142) | Flavescent | — |
| #144c5c | #144c5c | RGB(20, 76, 92) | Midnight Green (Eagle Green) | — |
| #6ea8a2 | #6ea8a2 | RGB(110, 168, 162) | Green Sheen | — |
| #bf9ba5 | #bf9ba5 | RGB(191, 155, 165) | Tuscany | — |
| #39395c | #39395c | RGB(57, 57, 92) | Jacarta | — |
Contraste da paleta de cores
4 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 |
|---|---|---|
#db8663 | #6ea8a2 | 1.02 |
#db8663 | #bf9ba5 | 1.11 |
#144c5c | #39395c | 1.15 |
#6ea8a2 | #bf9ba5 | 1.08 |
Paleta de imagens Finance animation payment app ui png
Exportar paleta
Baixe a "Finance animation payment app ui" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: