Onboarding screen ui typography buy palette
- Light French Beige#c0a478
- Mauvelous#f2aaa9
- Liver (Dogs)#5a3e20
- Slate Gray#677893
- Queen Pink#e5cbdf
- Charcoal#2e3b53
Criado em 10/23/2022 09:42
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Mauvelous #f2aaa9 e Charcoal #2e3b53. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #2E3B53 (mais escuro) a #E5CBDF (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 1 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #2E3B53, #5A3E20, #677893, #C0A478, #E5CBDF, #F2AAA9
A paleta Onboarding screen ui typography buy palette combina 6 códigos de cor:
HEX: #c0a478, RGB: (192, 164, 120); HEX: #f2aaa9, RGB: (242, 170, 169); HEX: #5a3e20, RGB: (90, 62, 32)
HEX: #677893, RGB: (103, 120, 147); HEX: #e5cbdf, RGB: (229, 203, 223); HEX: #2e3b53, RGB: (46, 59, 83)
Versão simplificada das cores da paleta
Tom escuro de Castanho-claro, Tom escuro de Rosa-claro, Tom escuro de Marrom-sela, Tom escuro de Cinza-ardósia, Tom claro de Cardo, Tom escuro de Azul-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Onboarding screen ui typography buy palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #c0a478 | #c0a478 | RGB(192, 164, 120) | Light French Beige | — |
| #f2aaa9 | #f2aaa9 | RGB(242, 170, 169) | Mauvelous | — |
| #5a3e20 | #5a3e20 | RGB(90, 62, 32) | Liver (Dogs) | — |
| #677893 | #677893 | RGB(103, 120, 147) | Slate Gray | — |
| #e5cbdf | #e5cbdf | RGB(229, 203, 223) | Queen Pink | — |
| #2e3b53 | #2e3b53 | RGB(46, 59, 83) | Charcoal | — |
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 | Razão de contraste |
|---|---|---|
#c0a478 | #f2aaa9 | 1.25 |
#c0a478 | #677893 | 1.88 |
#c0a478 | #e5cbdf | 1.57 |
#f2aaa9 | #e5cbdf | 1.25 |
#5a3e20 | #2e3b53 | 1.14 |
Paleta de imagens Onboarding screen ui typography buy palette png
Exportar paleta
Baixe a "Onboarding screen ui typography buy palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: