Criado em 08/02/2022 20:01
Design system pricing web plans colors
- Celtic Blue#2a63d4
- Alice Blue#f0f4fc
- Indigo (Rainbow)#16336e
- Slate Gray#767c8c
- Silver Sand#bebec5
- Arsenic#3f4350
A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Celtic Blue #2a63d4 e Alice Blue #f0f4fc. A paleta tem Legal, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #16336E (mais escuro) a #F0F4FC (mais claro). A faixa de luminosidade é ampla.
Saturação mista — tons suaves e acentos mais vivos.
A distribuição de matizes sugere um agrupamento maioritariamente análogo (heurística, não regra rígida).
No geral, a temperatura tende para o frio.
Códigos HEX (ordenados): #16336E, #2A63D4, #3F4350, #767C8C, #BEBEC5, #F0F4FC
A paleta Design system pricing web plans colors tem uma combinação de cores de códigos de 6:
HEX: #2a63d4, RGB: (42, 99, 212); HEX: #f0f4fc, RGB: (240, 244, 252); HEX: #16336e, RGB: (22, 51, 110)
HEX: #767c8c, RGB: (118, 124, 140); HEX: #bebec5, RGB: (190, 190, 197); HEX: #3f4350, RGB: (63, 67, 80)
Versão simplificada das cores da paleta
Matiz de royalblue, Matiz de aliceblue, Matiz de darkslateblue, Matiz de slategrey, Matiz de Prata, Matiz de dimgrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design system pricing web plans colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #2a63d4 | #2a63d4 | RGB(42, 99, 212) | Celtic Blue | — |
| #f0f4fc | #f0f4fc | RGB(240, 244, 252) | Alice Blue | — |
| #16336e | #16336e | RGB(22, 51, 110) | Indigo (Rainbow) | — |
| #767c8c | #767c8c | RGB(118, 124, 140) | Slate Gray | — |
| #bebec5 | #bebec5 | RGB(190, 190, 197) | Silver Sand | — |
| #3f4350 | #3f4350 | RGB(63, 67, 80) | Arsenic | — |
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 |
#2a63d4 | #767c8c | 1.31 |
#2a63d4 | #3f4350 | 1.79 |
#f0f4fc | #bebec5 | 1.67 |
#16336e | #3f4350 | 1.22 |
Paleta de imagens Design system pricing web plans colors png
Exportar paleta
Baixe a "Design system pricing web plans colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: