Design interactive branding ui palette
- Puce#cc8c9c
- Vanilla Ice#ee849e
- Medium Jungle Green#142d2c
- Steel Teal#648c84
- Pastel Blue#adcacc
- Amazon#36675f
Criado em 03/11/2022 23:02
A paleta consiste em cores Claro, Escuro, Semi escuro. Cores de destaque Vanilla Ice #ee849e e Medium Jungle Green #142d2c. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #142D2C (mais escuro) a #ADCACC (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 1 vívidas em 6 cores.
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): #142D2C, #36675F, #648C84, #ADCACC, #CC8C9C, #EE849E
A paleta Design interactive branding ui palette combina 6 códigos de cor:
HEX: #cc8c9c, RGB: (204, 140, 156); HEX: #ee849e, RGB: (238, 132, 158); HEX: #142d2c, RGB: (20, 45, 44)
HEX: #648c84, RGB: (100, 140, 132); HEX: #adcacc, RGB: (173, 202, 204); HEX: #36675f, RGB: (54, 103, 95)
Versão simplificada das cores da paleta
Tom claro de Marrom-rosado, Tom claro de Vermelho-violeta-pálido, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-cadete, Tom escuro de Azul-claro, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design interactive branding ui palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #cc8c9c | #cc8c9c | RGB(204, 140, 156) | Puce | — |
| #ee849e | #ee849e | RGB(238, 132, 158) | Vanilla Ice | — |
| #142d2c | #142d2c | RGB(20, 45, 44) | Medium Jungle Green | — |
| #648c84 | #648c84 | RGB(100, 140, 132) | Steel Teal | — |
| #adcacc | #adcacc | RGB(173, 202, 204) | Pastel Blue | — |
| #36675f | #36675f | RGB(54, 103, 95) | Amazon | — |
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 |
|---|---|---|
#cc8c9c | #ee849e | 1.08 |
#cc8c9c | #648c84 | 1.38 |
#cc8c9c | #adcacc | 1.55 |
#ee849e | #648c84 | 1.49 |
#ee849e | #adcacc | 1.43 |
#648c84 | #36675f | 1.72 |
Paleta de imagens Design interactive branding ui palette png
Exportar paleta
Baixe a "Design interactive branding ui palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: