Criado em 02/28/2023 17:32
Website branding ui design
- Persian Blue#1e22bf
- Maximum Blue Purple#9da7ea
- Dark Imperial Blue#111472
- Light Slate Gray#6c819e
- Light Pastel Purple#b6a6cb
- Raw Umber#7c6c44
A paleta consiste em cores Escuro, Luz. Cores de destaque Dark Imperial Blue #111472 e Raw Umber #7c6c44. A paleta tem Legal, Esquentar temperatura de cores.
Em luminosidade, a paleta vai de #111472 (mais escuro) a #9DA7EA (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): #111472, #1E22BF, #6C819E, #7C6C44, #9DA7EA, #B6A6CB
A paleta Website branding ui design tem uma combinação de cores de códigos de 6:
HEX: #1e22bf, RGB: (30, 34, 191); HEX: #9da7ea, RGB: (157, 167, 234); HEX: #111472, RGB: (17, 20, 114)
HEX: #6c819e, RGB: (108, 129, 158); HEX: #b6a6cb, RGB: (182, 166, 203); HEX: #7c6c44, RGB: (124, 108, 68)
Versão simplificada das cores da paleta
Sombra de mediumblue, Matiz de lightsteelblue, Matiz de midnightblue, Sombra de slategrey, Matiz de thistle, Sombra de darkolivegreen
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Website branding ui design códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #1e22bf | #1e22bf | RGB(30, 34, 191) | Persian Blue | — |
| #9da7ea | #9da7ea | RGB(157, 167, 234) | Maximum Blue Purple | — |
| #111472 | #111472 | RGB(17, 20, 114) | Dark Imperial Blue | — |
| #6c819e | #6c819e | RGB(108, 129, 158) | Light Slate Gray | — |
| #b6a6cb | #b6a6cb | RGB(182, 166, 203) | Light Pastel Purple | — |
| #7c6c44 | #7c6c44 | RGB(124, 108, 68) | Raw Umber | — |
Contraste da Paleta de Cores
5 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 |
#1e22bf | #111472 | 1.48 |
#9da7ea | #6c819e | 1.73 |
#9da7ea | #b6a6cb | 1.01 |
#6c819e | #b6a6cb | 1.76 |
#6c819e | #7c6c44 | 1.29 |
Paleta de imagens Website branding ui design png
Exportar paleta
Baixe a "Website branding ui design" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: