Tanaman mobile app ui colours

Brown (Crayola)
#b86443
Tumbleweed
#d99e8a
Liver (Dogs)
#5c3c14
Beaver
#967d6a
Khaki (HTML/CSS)
#c5b998
Mughal Green
#3e592f

A paleta consiste em cores Luz, Semi escuro. Cores de destaque Tumbleweed #d99e8a e Liver (Dogs) #5c3c14. A paleta tem Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #5C3C14 (mais escuro) a #D99E8A (mais claro). A faixa de luminosidade é moderada.

Saturação mista — tons suaves e acentos mais vivos.

Os matizes ficam numa faixa vizinha na roda (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #3E592F, #5C3C14, #967D6A, #B86443, #C5B998, #D99E8A

A paleta Tanaman mobile app ui colours tem uma combinação de cores de códigos de 6:

HEX: #b86443, RGB: (184, 100, 67); HEX: #d99e8a, RGB: (217, 158, 138); HEX: #5c3c14, RGB: (92, 60, 20)

HEX: #967d6a, RGB: (150, 125, 106); HEX: #c5b998, RGB: (197, 185, 152); HEX: #3e592f, RGB: (62, 89, 47)

Versão simplificada das cores da paleta

Sombra de sienna, Sombra de darksalmon, Matiz de saddlebrown, Sombra de Cinza, Sombra de tan, Matiz de darkolivegreen

O esquema de cores foi criado por coolor

Mais paletas com:

Códigos de cores na paleta

Tanaman mobile app ui colours códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#b86443	#b86443	RGB(184, 100, 67)	Brown (Crayola)	—
#d99e8a	#d99e8a	RGB(217, 158, 138)	Tumbleweed	—
#5c3c14	#5c3c14	RGB(92, 60, 20)	Liver (Dogs)	—
#967d6a	#967d6a	RGB(150, 125, 106)	Beaver	—
#c5b998	#c5b998	RGB(197, 185, 152)	Khaki (HTML/CSS)	—
#3e592f	#3e592f	RGB(62, 89, 47)	Mughal 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
#b86443	#d99e8a	1.86
#b86443	#967d6a	1.1
#b86443	#3e592f	1.84
#d99e8a	#967d6a	1.69
#d99e8a	#c5b998	1.16
#5c3c14	#3e592f	1.26

Paleta de imagens Tanaman mobile app ui colours png

--color-brown-crayola:	#b86443;
--color-tumbleweed:	#d99e8a;
--color-liver-dogs:	#5c3c14;
--color-beaver:	#967d6a;
--color-khaki-htmlcss:	#c5b998;
--color-mughal-green:	#3e592f;

$color-brown-crayola:	#b86443;
$color-tumbleweed:	#d99e8a;
$color-liver-dogs:	#5c3c14;
$color-beaver:	#967d6a;
$color-khaki-htmlcss:	#c5b998;
$color-mughal-green:	#3e592f;

@color-brown-crayola:	#b86443;
@color-tumbleweed:	#d99e8a;
@color-liver-dogs:	#5c3c14;
@color-beaver:	#967d6a;
@color-khaki-htmlcss:	#c5b998;
@color-mughal-green:	#3e592f;