Criado em 11/09/2022 16:49
Design branding ui graphic palette
- Titanium Yellow#f2e305
- Booger Buster#e3dc60
- Mustard Yellow#c9ba05
- Bronze (Metallic)#ac8a4d
- Dark Vanilla#cdcd9c
- Deep Moss Green#2d583e
A paleta consiste em cores Luz. Cores de destaque Titanium Yellow #f2e305 e Mustard Yellow #c9ba05. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #2D583E (mais escuro) a #CDCD9C (mais claro). A faixa de luminosidade é moderada.
A saturação está num intervalo médio, com uma média de 61% na paleta.
Os matizes ficam numa faixa vizinha de cerca de 105° na roda (heurística).
No geral, a temperatura tende para o quente (5 de 6).
Códigos HEX (ordenados): #2D583E, #AC8A4D, #C9BA05, #CDCD9C, #E3DC60, #F2E305
A paleta Design branding ui graphic palette tem uma combinação de cores de códigos de 6:
HEX: #f2e305, RGB: (242, 227, 5); HEX: #e3dc60, RGB: (227, 220, 96); HEX: #c9ba05, RGB: (201, 186, 5)
HEX: #ac8a4d, RGB: (172, 138, 77); HEX: #cdcd9c, RGB: (205, 205, 156); HEX: #2d583e, RGB: (45, 88, 62)
Versão simplificada das cores da paleta
Sombra de gold, Matiz de Cáqui, Matiz de gold, Sombra de darkgoldenrod, Matiz de palegoldenrod, Sombra de darkslategrey
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design branding ui graphic palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f2e305 | #f2e305 | RGB(242, 227, 5) | Titanium Yellow | — |
| #e3dc60 | #e3dc60 | RGB(227, 220, 96) | Booger Buster | — |
| #c9ba05 | #c9ba05 | RGB(201, 186, 5) | Mustard Yellow | — |
| #ac8a4d | #ac8a4d | RGB(172, 138, 77) | Bronze (Metallic) | — |
| #cdcd9c | #cdcd9c | RGB(205, 205, 156) | Dark Vanilla | — |
| #2d583e | #2d583e | RGB(45, 88, 62) | Deep Moss Green | — |
Contraste da Paleta de Cores
8 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 |
|---|---|---|
#f2e305 | #e3dc60 | 1.07 |
#f2e305 | #c9ba05 | 1.5 |
#f2e305 | #cdcd9c | 1.23 |
#e3dc60 | #c9ba05 | 1.39 |
#e3dc60 | #cdcd9c | 1.14 |
#c9ba05 | #ac8a4d | 1.61 |
Paleta de imagens Design branding ui graphic palette png
Exportar paleta
Baixe a "Design branding ui graphic palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: