Website ux interface branding colors
- Mango Tango#f68242
- Very Light Tangelo#f8ab80
- Japanese Indigo#1c4c4c
- Rackley#64869b
- Dust Storm#dcd1c0
- Dark Slate Gray#2d5b55
Criado em 11/12/2022 17:23
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Mango Tango #f68242 e Japanese Indigo #1c4c4c. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #1C4C4C (mais escuro) a #DCD1C0 (mais claro). A faixa de luminosidade é moderada.
Saturação mista — 1 suaves e 2 vívidas em 6 cores.
Algumas cores ficam quase opostas no círculo cromático, dando à paleta um contraste complementar.
Notas quentes e frias estão bastante equilibradas (3 quentes, 3 frias).
Códigos HEX (ordenados): #1C4C4C, #2D5B55, #64869B, #DCD1C0, #F68242, #F8AB80
A paleta Website ux interface branding colors combina 6 códigos de cor:
HEX: #f68242, RGB: (246, 130, 66); HEX: #f8ab80, RGB: (248, 171, 128); HEX: #1c4c4c, RGB: (28, 76, 76)
HEX: #64869b, RGB: (100, 134, 155); HEX: #dcd1c0, RGB: (220, 209, 192); HEX: #2d5b55, RGB: (45, 91, 85)
Versão simplificada das cores da paleta
Tom escuro de Coral, Tom claro de Salmão-claro, Tom escuro de Cinza-ardósia-escuro, Tom claro de Cinza-ardósia, Tom escuro de Branco-antigo, Tom claro de Cinza-ardósia-escuro
O esquema de cores foi criado por hex
Códigos de cores na paleta
Website ux interface branding colors códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #f68242 | #f68242 | RGB(246, 130, 66) | Mango Tango | — |
| #f8ab80 | #f8ab80 | RGB(248, 171, 128) | Very Light Tangelo | — |
| #1c4c4c | #1c4c4c | RGB(28, 76, 76) | Japanese Indigo | — |
| #64869b | #64869b | RGB(100, 134, 155) | Rackley | — |
| #dcd1c0 | #dcd1c0 | RGB(220, 209, 192) | Dust Storm | — |
| #2d5b55 | #2d5b55 | RGB(45, 91, 85) | Dark Slate Gray | — |
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 |
|---|---|---|
#f68242 | #f8ab80 | 1.35 |
#f68242 | #64869b | 1.5 |
#f68242 | #dcd1c0 | 1.7 |
#f8ab80 | #dcd1c0 | 1.25 |
#1c4c4c | #2d5b55 | 1.25 |
#64869b | #2d5b55 | 1.98 |
Paleta de imagens Website ux interface branding colors png
Exportar paleta
Baixe a "Website ux interface branding colors" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: