Criado em 07/16/2022 11:20
Website landing page real estate ui design palette
- Steel Blue#438cae
- Pale Cerulean#a2bee2
- Metallic Blue#2c5484
- Rackley#6a89a6
- Khaki (HTML/CSS)#c2aa92
- Police Blue#334c5f
A paleta consiste em cores Luz. Cores de destaque Pale Cerulean #a2bee2 e Khaki (HTML/CSS) #c2aa92. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #334C5F (mais escuro) a #A2BEE2 (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): #2C5484, #334C5F, #438CAE, #6A89A6, #A2BEE2, #C2AA92
A paleta Website landing page real estate ui design palette tem uma combinação de cores de códigos de 6:
HEX: #438cae, RGB: (67, 140, 174); HEX: #a2bee2, RGB: (162, 190, 226); HEX: #2c5484, RGB: (44, 84, 132)
HEX: #6a89a6, RGB: (106, 137, 166); HEX: #c2aa92, RGB: (194, 170, 146); HEX: #334c5f, RGB: (51, 76, 95)
Versão simplificada das cores da paleta
Sombra de steelblue, Matiz de lightsteelblue, Sombra de darkslateblue, Matiz de lightslategrey, Matiz de tan, Matiz de darkslateblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Website landing page real estate ui design palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #438cae | #438cae | RGB(67, 140, 174) | Steel Blue | — |
| #a2bee2 | #a2bee2 | RGB(162, 190, 226) | Pale Cerulean | — |
| #2c5484 | #2c5484 | RGB(44, 84, 132) | Metallic Blue | — |
| #6a89a6 | #6a89a6 | RGB(106, 137, 166) | Rackley | — |
| #c2aa92 | #c2aa92 | RGB(194, 170, 146) | Khaki (HTML/CSS) | — |
| #334c5f | #334c5f | RGB(51, 76, 95) | Police 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 |
|---|---|---|
#438cae | #a2bee2 | 1.96 |
#438cae | #6a89a6 | 1.02 |
#438cae | #c2aa92 | 1.68 |
#a2bee2 | #6a89a6 | 1.91 |
#a2bee2 | #c2aa92 | 1.16 |
#2c5484 | #334c5f | 1.15 |
Paleta de imagens Website landing page real estate ui design palette png
Exportar paleta
Baixe a "Website landing page real estate ui design palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: