Criado em 05/24/2022 20:11
Ui branding
- Steel Blue#3494ac
- Tumbleweed#e7b095
- French Puce#4c1c0c
- Café Au Lait#a87f59
- Pale Silver#cbbdb2
- Royal Brown#523a30
A paleta consiste em cores Luz, Escuro. Cores de destaque Steel Blue #3494ac e French Puce #4c1c0c. A paleta tem Legal, Esquentar, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #4C1C0C (mais escuro) a #CBBDB2 (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 quente.
Códigos HEX (ordenados): #3494AC, #4C1C0C, #523A30, #A87F59, #CBBDB2, #E7B095
A paleta Ui branding tem uma combinação de cores de códigos de 6:
HEX: #3494ac, RGB: (52, 148, 172); HEX: #e7b095, RGB: (231, 176, 149); HEX: #4c1c0c, RGB: (76, 28, 12)
HEX: #a87f59, RGB: (168, 127, 89); HEX: #cbbdb2, RGB: (203, 189, 178); HEX: #523a30, RGB: (82, 58, 48)
Versão simplificada das cores da paleta
Matiz de cadetblue, Sombra de darksalmon, Sombra de Marrom, Matiz de peru, Matiz de Prata, Matiz de saddlebrown
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Ui branding códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #3494ac | #3494ac | RGB(52, 148, 172) | Steel Blue | — |
| #e7b095 | #e7b095 | RGB(231, 176, 149) | Tumbleweed | — |
| #4c1c0c | #4c1c0c | RGB(76, 28, 12) | French Puce | — |
| #a87f59 | #a87f59 | RGB(168, 127, 89) | Café Au Lait | — |
| #cbbdb2 | #cbbdb2 | RGB(203, 189, 178) | Pale Silver | — |
| #523a30 | #523a30 | RGB(82, 58, 48) | Royal Brown | — |
Contraste da Paleta de Cores
7 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 |
#3494ac | #e7b095 | 1.84 |
#3494ac | #a87f59 | 1.02 |
#3494ac | #cbbdb2 | 1.91 |
#e7b095 | #a87f59 | 1.88 |
#e7b095 | #cbbdb2 | 1.03 |
#4c1c0c | #523a30 | 1.35 |
Paleta de imagens Ui branding png
Exportar paleta
Baixe a "Ui branding" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: