Interface minimal hero page ui ux
- Green Sheen#72c1a4
- Sea Foam Green#a2d6c3
- Dark Gunmetal#1c1430
- Café Au Lait#a47c60
- Khaki (HTML/CSS)#c8a290
- Charcoal#353c54
Criado em 01/01/2023 18:28
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Dark Gunmetal #1c1430 e Khaki (HTML/CSS) #c8a290. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #1C1430 (mais escuro) a #A2D6C3 (mais claro). A faixa de luminosidade é ampla.
A saturação está num intervalo médio, com uma média de 34% na paleta.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #1C1430, #353C54, #72C1A4, #A2D6C3, #A47C60, #C8A290
A paleta Interface minimal hero page ui ux combina 6 códigos de cor:
HEX: #72c1a4, RGB: (114, 193, 164); HEX: #a2d6c3, RGB: (162, 214, 195); HEX: #1c1430, RGB: (28, 20, 48)
HEX: #a47c60, RGB: (164, 124, 96); HEX: #c8a290, RGB: (200, 162, 144); HEX: #353c54, RGB: (53, 60, 84)
Versão simplificada das cores da paleta
Tom escuro de Água-marinha-média, Tom claro de Água-marinha-média, Tom escuro de Azul-meia-noite, Tom escuro de Peru, Tom escuro de Salmão-escuro, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorhunt
Códigos de cores na paleta
Interface minimal hero page ui ux códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #72c1a4 | #72c1a4 | RGB(114, 193, 164) | Green Sheen | — |
| #a2d6c3 | #a2d6c3 | RGB(162, 214, 195) | Sea Foam Green | — |
| #1c1430 | #1c1430 | RGB(28, 20, 48) | Dark Gunmetal | — |
| #a47c60 | #a47c60 | RGB(164, 124, 96) | Café Au Lait | — |
| #c8a290 | #c8a290 | RGB(200, 162, 144) | Khaki (HTML/CSS) | — |
| #353c54 | #353c54 | RGB(53, 60, 84) | Charcoal | — |
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 |
|---|---|---|
#72c1a4 | #a2d6c3 | 1.31 |
#72c1a4 | #a47c60 | 1.75 |
#72c1a4 | #c8a290 | 1.09 |
#a2d6c3 | #c8a290 | 1.43 |
#1c1430 | #353c54 | 1.61 |
#a47c60 | #c8a290 | 1.6 |
Paleta de imagens Interface minimal hero page ui ux png
Exportar paleta
Baixe a "Interface minimal hero page ui ux" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: