Header typography visual design landing page colors
- Fawn#d4b46c
- Jasmine#f6d67b
- Field Drab#66501e
- Bronze (Metallic)#aa975f
- Dark Vanilla#cdc7ad
- Outer Space#444c44
Criado em 12/09/2022 13:37
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Fawn #d4b46c e Jasmine #f6d67b. A paleta tem Quente, Neutro temperatura de cores.
Em luminosidade, a paleta vai de #444C44 (mais escuro) a #F6D67B (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 2 suaves e 3 vívidas em 6 cores.
Uma paleta análoga: seus tons ficam próximos no círculo cromático, dentro de cerca de 7°.
No geral, a temperatura tende para o quente (5 de 6).
Códigos HEX (ordenados): #444C44, #66501E, #AA975F, #CDC7AD, #D4B46C, #F6D67B
A paleta Header typography visual design landing page colors combina 6 códigos de cor:
HEX: #d4b46c, RGB: (212, 180, 108); HEX: #f6d67b, RGB: (246, 214, 123); HEX: #66501e, RGB: (102, 80, 30)
HEX: #aa975f, RGB: (170, 151, 95); HEX: #cdc7ad, RGB: (205, 199, 173); HEX: #444c44, RGB: (68, 76, 68)
Versão simplificada das cores da paleta
Tom escuro de Madeira, Tom escuro de Cáqui, Tom escuro de Marrom-sela, Tom escuro de Cáqui-escuro, Tom escuro de Trigo, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por colorswall
Códigos de cores na paleta
Header typography visual design landing page colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #d4b46c | #d4b46c | RGB(212, 180, 108) | Fawn | — |
| #f6d67b | #f6d67b | RGB(246, 214, 123) | Jasmine | — |
| #66501e | #66501e | RGB(102, 80, 30) | Field Drab | — |
| #aa975f | #aa975f | RGB(170, 151, 95) | Bronze (Metallic) | — |
| #cdc7ad | #cdc7ad | RGB(205, 199, 173) | Dark Vanilla | — |
| #444c44 | #444c44 | RGB(68, 76, 68) | Outer Space | — |
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 |
|---|---|---|
#d4b46c | #f6d67b | 1.4 |
#d4b46c | #aa975f | 1.44 |
#d4b46c | #cdc7ad | 1.17 |
#f6d67b | #cdc7ad | 1.19 |
#66501e | #444c44 | 1.15 |
#aa975f | #cdc7ad | 1.69 |
Paleta de imagens Header typography visual design landing page colors png
Exportar paleta
Baixe a "Header typography visual design landing page colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: