Clean analytics product ux palette
- Metallic Blue#346173
- Pastel Blue#a3c7d5
- Midnight Green (Eagle Green)#14445b
- Desaturated Cyan#69949f
- Ash Gray#b0bbbf
- Charleston Green#242c2c
Criado em 02/14/2023 16:41
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Metallic Blue #346173 e Midnight Green (Eagle Green) #14445b. A paleta tem Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #242C2C (mais escuro) a #A3C7D5 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 3 suaves e 1 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 7°.
No geral, a temperatura tende para o frio (4 de 6).
Códigos HEX (ordenados): #14445B, #242C2C, #346173, #69949F, #A3C7D5, #B0BBBF
A paleta Clean analytics product ux palette combina 6 códigos de cor:
HEX: #346173, RGB: (52, 97, 115); HEX: #a3c7d5, RGB: (163, 199, 213); HEX: #14445b, RGB: (20, 68, 91)
HEX: #69949f, RGB: (105, 148, 159); HEX: #b0bbbf, RGB: (176, 187, 191); HEX: #242c2c, RGB: (36, 44, 44)
Versão simplificada das cores da paleta
Tom claro de Cinza-ardósia-escuro, Tom escuro de Azul-claro, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-cadete, Tom escuro de Prata, Tom claro de Preto
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Clean analytics product ux palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #346173 | #346173 | RGB(52, 97, 115) | Metallic Blue | — |
| #a3c7d5 | #a3c7d5 | RGB(163, 199, 213) | Pastel Blue | — |
| #14445b | #14445b | RGB(20, 68, 91) | Midnight Green (Eagle Green) | — |
| #69949f | #69949f | RGB(105, 148, 159) | Desaturated Cyan | — |
| #b0bbbf | #b0bbbf | RGB(176, 187, 191) | Ash Gray | — |
| #242c2c | #242c2c | RGB(36, 44, 44) | Charleston Green | — |
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 |
|---|---|---|
#346173 | #14445b | 1.54 |
#a3c7d5 | #69949f | 1.84 |
#a3c7d5 | #b0bbbf | 1.09 |
#14445b | #242c2c | 1.36 |
#69949f | #b0bbbf | 1.68 |
Paleta de imagens Clean analytics product ux palette png
Exportar paleta
Baixe a "Clean analytics product ux palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: