Criado em 01/26/2022 10:54
Home page hero landing mental health colors
- Cyan (Process)#08b4ec
- Cornflower#99d7e7
- Sea Blue#04648c
- Steel Teal#628e94
- Silver Pink#cab4a6
- Black Olive#3b3b3a
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Sea Blue #04648c e Silver Pink #cab4a6. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #3B3B3A (mais escuro) a #99D7E7 (mais claro). A faixa de luminosidade é moderada.
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 frio.
Códigos HEX (ordenados): #04648C, #08B4EC, #3B3B3A, #628E94, #99D7E7, #CAB4A6
A paleta Home page hero landing mental health colors tem uma combinação de cores de códigos de 6:
HEX: #08b4ec, RGB: (8, 180, 236); HEX: #99d7e7, RGB: (153, 215, 231); HEX: #04648c, RGB: (4, 100, 140)
HEX: #628e94, RGB: (98, 142, 148); HEX: #cab4a6, RGB: (202, 180, 166); HEX: #3b3b3a, RGB: (59, 59, 58)
Versão simplificada das cores da paleta
Matiz de deepskyblue, Matiz de lightblue, Matiz de steelblue, Matiz de cadetblue, Sombra de tan, Matiz de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Home page hero landing mental health colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #08b4ec | #08b4ec | RGB(8, 180, 236) | Cyan (Process) | — |
| #99d7e7 | #99d7e7 | RGB(153, 215, 231) | Cornflower | — |
| #04648c | #04648c | RGB(4, 100, 140) | Sea Blue | — |
| #628e94 | #628e94 | RGB(98, 142, 148) | Steel Teal | — |
| #cab4a6 | #cab4a6 | RGB(202, 180, 166) | Silver Pink | — |
| #3b3b3a | #3b3b3a | RGB(59, 59, 58) | Black Olive | — |
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 | Taxa de contraste |
#08b4ec | #99d7e7 | 1.51 |
#08b4ec | #628e94 | 1.5 |
#08b4ec | #cab4a6 | 1.21 |
#99d7e7 | #cab4a6 | 1.24 |
#04648c | #628e94 | 1.81 |
#04648c | #3b3b3a | 1.71 |
Paleta de imagens Home page hero landing mental health colors png
Exportar paleta
Baixe a "Home page hero landing mental health colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: