Criado em 09/17/2022 12:05
Building ui real estate website webflow colors palette
- Metallic Seaweed#18749c
- Tumbleweed#e6a98b
- Japanese Indigo#223f53
- Liver Chestnut#9d6a56
- Pale Cerulean#a2c5d7
- Liver Chestnut (Horses)#563c34
A paleta consiste em cores Semi escuro, Luz. Cores de destaque Metallic Seaweed #18749c e Tumbleweed #e6a98b. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #223F53 (mais escuro) a #A2C5D7 (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #18749C, #223F53, #563C34, #9D6A56, #A2C5D7, #E6A98B
A paleta Building ui real estate website webflow colors palette tem uma combinação de cores de códigos de 6:
HEX: #18749c, RGB: (24, 116, 156); HEX: #e6a98b, RGB: (230, 169, 139); HEX: #223f53, RGB: (34, 63, 83)
HEX: #9d6a56, RGB: (157, 106, 86); HEX: #a2c5d7, RGB: (162, 197, 215); HEX: #563c34, RGB: (86, 60, 52)
Versão simplificada das cores da paleta
Matiz de steelblue, Sombra de darksalmon, Matiz de darkslateblue, Sombra de sienna, Matiz de lightblue, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Building ui real estate website webflow colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #18749c | #18749c | RGB(24, 116, 156) | Metallic Seaweed | — |
| #e6a98b | #e6a98b | RGB(230, 169, 139) | Tumbleweed | — |
| #223f53 | #223f53 | RGB(34, 63, 83) | Japanese Indigo | — |
| #9d6a56 | #9d6a56 | RGB(157, 106, 86) | Liver Chestnut | — |
| #a2c5d7 | #a2c5d7 | RGB(162, 197, 215) | Pale Cerulean | — |
| #563c34 | #563c34 | RGB(86, 60, 52) | Liver Chestnut (Horses) | — |
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 | Taxa de contraste |
|---|---|---|
#18749c | #9d6a56 | 1.15 |
#18749c | #563c34 | 1.92 |
#e6a98b | #a2c5d7 | 1.1 |
#223f53 | #563c34 | 1.09 |
Paleta de imagens Building ui real estate website webflow colors palette png
Exportar paleta
Baixe a "Building ui real estate website webflow colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: