User experience character safety app web design colors palette
- Bitter Lemon#caea04
- Atomic Tangerine#f59765
- Olive#81950b
- Rose Dust#a05575
- Heliotrope Gray#a395ae
- Royal Brown#5b392a
Criado em 01/15/2023 09:11
A paleta consiste em cores Claro, Semi escuro. Cores de destaque Bitter Lemon #caea04 e Heliotrope Gray #a395ae. A paleta tem Quente, Frio temperatura de cores.
Em luminosidade, a paleta vai de #5B392A (mais escuro) a #CAEA04 (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 quente (5 de 6).
Códigos HEX (ordenados): #5B392A, #81950B, #A05575, #A395AE, #CAEA04, #F59765
A paleta User experience character safety app web design colors palette combina 6 códigos de cor:
HEX: #caea04, RGB: (202, 234, 4); HEX: #f59765, RGB: (245, 151, 101); HEX: #81950b, RGB: (129, 149, 11)
HEX: #a05575, RGB: (160, 85, 117); HEX: #a395ae, RGB: (163, 149, 174); HEX: #5b392a, RGB: (91, 57, 42)
Versão simplificada das cores da paleta
Tom escuro de Amarelo-esverdeado, Tom escuro de Salmão-claro, Tom claro de Verde-oliva-pardo, Tom claro de Vermelho-violeta-médio, Tom escuro de Cardo, Tom escuro de Marrom-sela
O esquema de cores foi criado por palettespicker
Códigos de cores na paleta
User experience character safety app web design colors palette códigos de cores HEX, informações RGB na tabela
| Cor | HEX | RGB | Nome | nome alternativo |
|---|---|---|---|---|
| #caea04 | #caea04 | RGB(202, 234, 4) | Bitter Lemon | — |
| #f59765 | #f59765 | RGB(245, 151, 101) | Atomic Tangerine | — |
| #81950b | #81950b | RGB(129, 149, 11) | Olive | — |
| #a05575 | #a05575 | RGB(160, 85, 117) | Rose Dust | — |
| #a395ae | #a395ae | RGB(163, 149, 174) | Heliotrope Gray | — |
| #5b392a | #5b392a | RGB(91, 57, 42) | Royal Brown | — |
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 | Razão de contraste |
|---|---|---|
#caea04 | #f59765 | 1.6 |
#f59765 | #81950b | 1.52 |
#f59765 | #a395ae | 1.27 |
#81950b | #a05575 | 1.53 |
#81950b | #a395ae | 1.19 |
#a05575 | #a395ae | 1.84 |
Paleta de imagens User experience character safety app web design colors palette png
Exportar paleta
Baixe a "User experience character safety app web design colors palette" em vários formatos para integração perfeita em seus projetos de design.
Formatos disponíveis: