Criado em 07/04/2022 16:03
Design illustration ui landing page colors palette
- Mystic#dc547c
- Pale Magenta-Pink#f994cb
- Mughal Green#3b6727
- Moss Green#999e5c
- Light Moss Green#bcd4b4
- Black Coffee#3c2434
A paleta consiste em cores Luz, Semi escuro, Escuro. Cores de destaque Pale Magenta-Pink #f994cb e Mughal Green #3b6727. A paleta tem Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3C2434 (mais escuro) a #F994CB (mais claro). A faixa de luminosidade é ampla.
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 quente.
Códigos HEX (ordenados): #3B6727, #3C2434, #999E5C, #BCD4B4, #DC547C, #F994CB
A paleta Design illustration ui landing page colors palette tem uma combinação de cores de códigos de 6:
HEX: #dc547c, RGB: (220, 84, 124); HEX: #f994cb, RGB: (249, 148, 203); HEX: #3b6727, RGB: (59, 103, 39)
HEX: #999e5c, RGB: (153, 158, 92); HEX: #bcd4b4, RGB: (188, 212, 180); HEX: #3c2434, RGB: (60, 36, 52)
Versão simplificada das cores da paleta
Matiz de palevioletred, Matiz de plum, Matiz de darkolivegreen, Matiz de darkkhaki, Sombra de darkseagreen, Sombra de Preto
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design illustration ui landing page colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #dc547c | #dc547c | RGB(220, 84, 124) | Mystic | — |
| #f994cb | #f994cb | RGB(249, 148, 203) | Pale Magenta-Pink | — |
| #3b6727 | #3b6727 | RGB(59, 103, 39) | Mughal Green | — |
| #999e5c | #999e5c | RGB(153, 158, 92) | Moss Green | — |
| #bcd4b4 | #bcd4b4 | RGB(188, 212, 180) | Light Moss Green | — |
| #3c2434 | #3c2434 | RGB(60, 36, 52) | Black Coffee | — |
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 | Taxa de contraste |
#dc547c | #f994cb | 1.8 |
#dc547c | #3b6727 | 1.77 |
#dc547c | #999e5c | 1.32 |
#f994cb | #999e5c | 1.36 |
#f994cb | #bcd4b4 | 1.3 |
#999e5c | #bcd4b4 | 1.78 |
Paleta de imagens Design illustration ui landing page colors palette png
Exportar paleta
Baixe a "Design illustration ui landing page colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: