Criado em 10/27/2022 12:13
Interaction web design branding
- Gamboge#db921b
- Peach-Orange#f1c09a
- Golden Brown#925c18
- Blue Yonder#576fa5
- Pastel Blue#aacccc
- Deep Moss Green#366044
A paleta consiste em cores Luz, Semi escuro. Cores de destaque Gamboge #db921b e Blue Yonder #576fa5. A paleta tem Esquentar, Legal temperatura de cores.
Em luminosidade, a paleta vai de #366044 (mais escuro) a #F1C09A (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).
Notas quentes e frias estão bastante equilibradas.
Códigos HEX (ordenados): #366044, #576FA5, #925C18, #AACCCC, #DB921B, #F1C09A
A paleta Interaction web design branding tem uma combinação de cores de códigos de 6:
HEX: #db921b, RGB: (219, 146, 27); HEX: #f1c09a, RGB: (241, 192, 154); HEX: #925c18, RGB: (146, 92, 24)
HEX: #576fa5, RGB: (87, 111, 165); HEX: #aacccc, RGB: (170, 204, 204); HEX: #366044, RGB: (54, 96, 68)
Versão simplificada das cores da paleta
Sombra de peru, Sombra de burlywood, Sombra de saddlebrown, Sombra de royalblue, Matiz de powderblue, Matiz de darkolivegreen
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Interaction web design branding códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
| #db921b | #db921b | RGB(219, 146, 27) | Gamboge | — |
| #f1c09a | #f1c09a | RGB(241, 192, 154) | Peach-Orange | — |
| #925c18 | #925c18 | RGB(146, 92, 24) | Golden Brown | — |
| #576fa5 | #576fa5 | RGB(87, 111, 165) | Blue Yonder | — |
| #aacccc | #aacccc | RGB(170, 204, 204) | Pastel Blue | — |
| #366044 | #366044 | RGB(54, 96, 68) | Deep Moss Green | — |
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 |
#db921b | #f1c09a | 1.56 |
#db921b | #576fa5 | 1.92 |
#db921b | #aacccc | 1.5 |
#f1c09a | #aacccc | 1.04 |
#925c18 | #576fa5 | 1.12 |
#925c18 | #366044 | 1.29 |
Paleta de imagens Interaction web design branding png
Exportar paleta
Baixe a "Interaction web design branding" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: