Task management ux figma landing page colours
- Celtic Blue#2e6cd6
- Light Cobalt Blue#7ea8ec
- Dark Slate Gray#2c4c5c
- Cadet Blue#579fa5
- Dust Storm#dccdbf
- Police Blue#3a4f60
Criado em 03/12/2022 17:38
A paleta consiste em cores Semi escuro, Claro. Cores de destaque Light Cobalt Blue #7ea8ec e Dust Storm #dccdbf. A paleta tem Frio, Quente temperatura de cores.
Em luminosidade, a paleta vai de #2C4C5C (mais escuro) a #DCCDBF (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 2 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 (5 de 6).
Códigos HEX (ordenados): #2C4C5C, #2E6CD6, #3A4F60, #579FA5, #7EA8EC, #DCCDBF
A paleta Task management ux figma landing page colours combina 6 códigos de cor:
HEX: #2e6cd6, RGB: (46, 108, 214); HEX: #7ea8ec, RGB: (126, 168, 236); HEX: #2c4c5c, RGB: (44, 76, 92)
HEX: #579fa5, RGB: (87, 159, 165); HEX: #dccdbf, RGB: (220, 205, 191); HEX: #3a4f60, RGB: (58, 79, 96)
Versão simplificada das cores da paleta
Tom escuro de Azul-royal, Tom claro de Azul-centáurea, Tom escuro de Cinza-ardósia-escuro, Tom escuro de Azul-cadete, Tom escuro de Branco-antigo, Tom claro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Task management ux figma landing page colours códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #2e6cd6 | #2e6cd6 | RGB(46, 108, 214) | Celtic Blue | — |
| #7ea8ec | #7ea8ec | RGB(126, 168, 236) | Light Cobalt Blue | — |
| #2c4c5c | #2c4c5c | RGB(44, 76, 92) | Dark Slate Gray | — |
| #579fa5 | #579fa5 | RGB(87, 159, 165) | Cadet Blue | — |
| #dccdbf | #dccdbf | RGB(220, 205, 191) | Dust Storm | — |
| #3a4f60 | #3a4f60 | RGB(58, 79, 96) | Police Blue | — |
Contraste da paleta de cores
7 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 |
|---|---|---|
#2e6cd6 | #2c4c5c | 1.84 |
#2e6cd6 | #579fa5 | 1.63 |
#2e6cd6 | #3a4f60 | 1.71 |
#7ea8ec | #579fa5 | 1.25 |
#7ea8ec | #dccdbf | 1.55 |
#2c4c5c | #3a4f60 | 1.07 |
Paleta de imagens Task management ux figma landing page colours png
Exportar paleta
Baixe a "Task management ux figma landing page colours" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: