Design studio agency website web palette
- Meat Brown#e9bd37
- Chinese Orange#f26643
- Lapis Lazuli#2a78a6
- Myrtle Green#35656b
- Silver Foil#a7b4b5
- Space Cadet#24314c
Criado em 09/23/2022 09:29
A paleta consiste em cores Claro, Semi escuro, Escuro. Cores de destaque Chinese Orange #f26643 e Lapis Lazuli #2a78a6. A paleta tem Quente, Frio, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #24314C (mais escuro) a #E9BD37 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 3 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
No geral, a temperatura tende para o frio (3 de 6).
Códigos HEX (ordenados): #24314C, #2A78A6, #35656B, #A7B4B5, #E9BD37, #F26643
A paleta Design studio agency website web palette combina 6 códigos de cor:
HEX: #e9bd37, RGB: (233, 189, 55); HEX: #f26643, RGB: (242, 102, 67); HEX: #2a78a6, RGB: (42, 120, 166)
HEX: #35656b, RGB: (53, 101, 107); HEX: #a7b4b5, RGB: (167, 180, 181); HEX: #24314c, RGB: (36, 49, 76)
Versão simplificada das cores da paleta
Tom claro de goldenrod, Tom escuro de tomato, Tom escuro de steelblue, Tom claro de darkslategrey, Tom claro de darkgrey, Tom claro de midnightblue
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Design studio agency website web palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #e9bd37 | #e9bd37 | RGB(233, 189, 55) | Meat Brown | — |
| #f26643 | #f26643 | RGB(242, 102, 67) | Chinese Orange | — |
| #2a78a6 | #2a78a6 | RGB(42, 120, 166) | Lapis Lazuli | — |
| #35656b | #35656b | RGB(53, 101, 107) | Myrtle Green | — |
| #a7b4b5 | #a7b4b5 | RGB(167, 180, 181) | Silver Foil | — |
| #24314c | #24314c | RGB(36, 49, 76) | Space Cadet | — |
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 | Razão de contraste |
|---|---|---|
#e9bd37 | #f26643 | 1.74 |
#e9bd37 | #a7b4b5 | 1.19 |
#f26643 | #2a78a6 | 1.55 |
#f26643 | #a7b4b5 | 1.45 |
#2a78a6 | #35656b | 1.34 |
#35656b | #24314c | 1.99 |
Paleta de imagens Design studio agency website web palette png
Exportar paleta
Baixe a "Design studio agency website web palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: