Webdesign landingpage flat landingpagedesign
- Turquoise#58ecd0
- Moonstone#2c9ab8
- Artichoke#9a9669
- Cookies And Cream#d9d6a9
- Deep Space Sparkle#3e6569
- #3e6569
Criado em 01/25/2022 18:21
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Turquoise #58ecd0 e Moonstone #2c9ab8. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #3E6569 (mais escuro) a #D9D6A9 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 2 vívidas em 6 cores.
Uma paleta variada: seus tons se espalham por cerca de 138° do círculo cromático.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #2C9AB8, #3E6569, #58ECD0, #9A9669, #D9D6A9
A paleta Webdesign landingpage flat landingpagedesign combina 6 códigos de cor:
HEX: #58ecd0, RGB: (88, 236, 208); HEX: #2c9ab8, RGB: (44, 154, 184); HEX: #9a9669, RGB: (154, 150, 105)
HEX: #d9d6a9, RGB: (217, 214, 169); HEX: #3e6569, RGB: (62, 101, 105); HEX: #3e6569, RGB: (62, 101, 105)
Versão simplificada das cores da paleta
Tom claro de Turquesa, Tom escuro de Azul-cadete, Tom escuro de Cáqui-escuro, Tom escuro de Vara-dourada-pálida, Tom claro de Cinza-ardósia-escuro, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Webdesign landingpage flat landingpagedesign códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #58ecd0 | #58ecd0 | RGB(88, 236, 208) | Turquoise | — |
| #2c9ab8 | #2c9ab8 | RGB(44, 154, 184) | Moonstone | — |
| #9a9669 | #9a9669 | RGB(154, 150, 105) | Artichoke | — |
| #d9d6a9 | #d9d6a9 | RGB(217, 214, 169) | Cookies And Cream | — |
| #3e6569 | #3e6569 | RGB(62, 101, 105) | Deep Space Sparkle | — |
| #3e6569 | #3e6569 | RGB(62, 101, 105) | — | — |
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 | Razão de contraste |
|---|---|---|
#58ecd0 | #d9d6a9 | 1.01 |
#2c9ab8 | #9a9669 | 1.08 |
#2c9ab8 | #3e6569 | 1.96 |
#2c9ab8 | #3e6569 | 1.96 |
#3e6569 | #3e6569 | 1 |
Paleta de imagens Webdesign landingpage flat landingpagedesign png
Exportar paleta
Baixe a "Webdesign landingpage flat landingpagedesign" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: