Criado em 11/28/2022 23:45
Typography design ux app palette
- Brown Sugar#ac7650
- Medium Slate Blue#7c84ec
- Coconut#905a3c
- Dark Blue-Gray#6c64a4
- Light Periwinkle#ccd1e1
- Onyx#3c3444
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Medium Slate Blue #7c84ec e Coconut #905a3c. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #3C3444 (mais escuro) a #CCD1E1 (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): #3C3444, #6C64A4, #7C84EC, #905A3C, #AC7650, #CCD1E1
A paleta Typography design ux app palette tem uma combinação de cores de códigos de 6:
HEX: #ac7650, RGB: (172, 118, 80); HEX: #7c84ec, RGB: (124, 132, 236); HEX: #905a3c, RGB: (144, 90, 60)
HEX: #6c64a4, RGB: (108, 100, 164); HEX: #ccd1e1, RGB: (204, 209, 225); HEX: #3c3444, RGB: (60, 52, 68)
Versão simplificada das cores da paleta
Matiz de peru, Matiz de cornflowerblue, Sombra de sienna, Sombra de slateblue, Matiz de lavender, Matiz de darkslateblue
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
Typography design ux app palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #ac7650 | #ac7650 | RGB(172, 118, 80) | Brown Sugar | — |
| #7c84ec | #7c84ec | RGB(124, 132, 236) | Medium Slate Blue | — |
| #905a3c | #905a3c | RGB(144, 90, 60) | Coconut | — |
| #6c64a4 | #6c64a4 | RGB(108, 100, 164) | Dark Blue-Gray | — |
| #ccd1e1 | #ccd1e1 | RGB(204, 209, 225) | Light Periwinkle | — |
| #3c3444 | #3c3444 | RGB(60, 52, 68) | Onyx | — |
Contraste da Paleta de Cores
6 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 |
#ac7650 | #7c84ec | 1.16 |
#ac7650 | #905a3c | 1.47 |
#ac7650 | #6c64a4 | 1.36 |
#7c84ec | #905a3c | 1.71 |
#7c84ec | #6c64a4 | 1.59 |
#905a3c | #6c64a4 | 1.07 |
Paleta de imagens Typography design ux app palette png
Exportar paleta
Baixe a "Typography design ux app palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: