Saas ui element landing page b2b website palette
- Blue-Violet#7f3ae7
- Lavender Indigo#924df6
- Russian Violet#311d5f
- Glossy Grape#a894c4
- Cadet Blue (Crayola)#b1b9c7
- Yankees Blue#242437
Criado em 03/27/2023 08:07
A paleta consiste em cores Semi escuro, Claro, Escuro. Cores de destaque Blue-Violet #7f3ae7 e Lavender Indigo #924df6. A paleta tem Frio temperatura de cores.
Em luminosidade, a paleta vai de #242437 (mais escuro) a #B1B9C7 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 47°.
No geral, a temperatura tende para o frio (6 de 6).
Códigos HEX (ordenados): #242437, #311D5F, #7F3AE7, #924DF6, #A894C4, #B1B9C7
A paleta Saas ui element landing page b2b website palette combina 6 códigos de cor:
HEX: #7f3ae7, RGB: (127, 58, 231); HEX: #924df6, RGB: (146, 77, 246); HEX: #311d5f, RGB: (49, 29, 95)
HEX: #a894c4, RGB: (168, 148, 196); HEX: #b1b9c7, RGB: (177, 185, 199); HEX: #242437, RGB: (36, 36, 55)
Versão simplificada das cores da paleta
Tom claro de Azul-violeta, Tom escuro de Azul-ardósia-médio, Tom claro de Azul-meia-noite, Tom escuro de Ameixa, Tom escuro de Azul-aço-claro, Tom claro de Preto
O esquema de cores foi criado por raccoon
Códigos de cores na paleta
Saas ui element landing page b2b website palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #7f3ae7 | #7f3ae7 | RGB(127, 58, 231) | Blue-Violet | — |
| #924df6 | #924df6 | RGB(146, 77, 246) | Lavender Indigo | — |
| #311d5f | #311d5f | RGB(49, 29, 95) | Russian Violet | — |
| #a894c4 | #a894c4 | RGB(168, 148, 196) | Glossy Grape | — |
| #b1b9c7 | #b1b9c7 | RGB(177, 185, 199) | Cadet Blue (Crayola) | — |
| #242437 | #242437 | RGB(36, 36, 55) | Yankees Blue | — |
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 | Razão de contraste |
|---|---|---|
#7f3ae7 | #924df6 | 1.26 |
#924df6 | #a894c4 | 1.66 |
#311d5f | #242437 | 1.06 |
#a894c4 | #b1b9c7 | 1.38 |
Paleta de imagens Saas ui element landing page b2b website palette png
Exportar paleta
Baixe a "Saas ui element landing page b2b website palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: