Criado em 10/31/2022 06:33
Saas design website product
- Vegas Gold#c5ac54
- Dark Vanilla#ddce9b
- Cetacean Blue#0b043c
- Rhythm#6e7394
- Pastel Blue#a2cccd
- Outer Space#3b4d51
A paleta consiste em cores Luz, Escuro. Cores de destaque Vegas Gold #c5ac54 e Cetacean Blue #0b043c. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #0B043C (mais escuro) a #DDCE9B (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 frio.
Códigos HEX (ordenados): #0B043C, #3B4D51, #6E7394, #A2CCCD, #C5AC54, #DDCE9B
A paleta Saas design website product tem uma combinação de cores de códigos de 6:
HEX: #c5ac54, RGB: (197, 172, 84); HEX: #ddce9b, RGB: (221, 206, 155); HEX: #0b043c, RGB: (11, 4, 60)
HEX: #6e7394, RGB: (110, 115, 148); HEX: #a2cccd, RGB: (162, 204, 205); HEX: #3b4d51, RGB: (59, 77, 81)
Versão simplificada das cores da paleta
Matiz de darkkhaki, Matiz de wheat, Matiz de midnightblue, Matiz de slategrey, Matiz de powderblue, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Saas design website product códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #c5ac54 | #c5ac54 | RGB(197, 172, 84) | Vegas Gold | — |
| #ddce9b | #ddce9b | RGB(221, 206, 155) | Dark Vanilla | — |
| #0b043c | #0b043c | RGB(11, 4, 60) | Cetacean Blue | — |
| #6e7394 | #6e7394 | RGB(110, 115, 148) | Rhythm | — |
| #a2cccd | #a2cccd | RGB(162, 204, 205) | Pastel Blue | — |
| #3b4d51 | #3b4d51 | RGB(59, 77, 81) | Outer Space | — |
Contraste da Paleta de Cores
4 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 |
|---|---|---|
#c5ac54 | #ddce9b | 1.42 |
#c5ac54 | #a2cccd | 1.28 |
#ddce9b | #a2cccd | 1.1 |
#6e7394 | #3b4d51 | 1.91 |
Paleta de imagens Saas design website product png
Exportar paleta
Baixe a "Saas design website product" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: