Theme ecommerce lamp stile

Coffee
#6c4c34
Azureish White
#d4e3f2
Royal Brown
#593e2b
Beaver
#9c8367
Cadet Blue (Crayola)
#aebdc6
Dark Lava
#4e3c2e

A paleta consiste em cores Semi escuro, Luz. Cores de destaque Coffee #6c4c34 e Azureish White #d4e3f2. A paleta tem Esquentar, Legal temperatura de cores.

Em luminosidade, a paleta vai de #4E3C2E (mais escuro) a #D4E3F2 (mais claro). A faixa de luminosidade é ampla.

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

Alguns pares de matizes estão perto de posições complementares — pode ler-se como contraste complementar (heurística).

No geral, a temperatura tende para o quente.

Códigos HEX (ordenados): #4E3C2E, #593E2B, #6C4C34, #9C8367, #AEBDC6, #D4E3F2

A paleta Theme ecommerce lamp stile tem uma combinação de cores de códigos de 6:

HEX: #6c4c34, RGB: (108, 76, 52); HEX: #d4e3f2, RGB: (212, 227, 242); HEX: #593e2b, RGB: (89, 62, 43)

HEX: #9c8367, RGB: (156, 131, 103); HEX: #aebdc6, RGB: (174, 189, 198); HEX: #4e3c2e, RGB: (78, 60, 46)

Versão simplificada das cores da paleta

Matiz de saddlebrown, Matiz de aliceblue, Matiz de saddlebrown, Sombra de Cinza, Matiz de Prata, Matiz de saddlebrown

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Theme ecommerce lamp stile códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#6c4c34	#6c4c34	RGB(108, 76, 52)	Coffee	—
#d4e3f2	#d4e3f2	RGB(212, 227, 242)	Azureish White	—
#593e2b	#593e2b	RGB(89, 62, 43)	Royal Brown	—
#9c8367	#9c8367	RGB(156, 131, 103)	Beaver	—
#aebdc6	#aebdc6	RGB(174, 189, 198)	Cadet Blue (Crayola)	—
#4e3c2e	#4e3c2e	RGB(78, 60, 46)	Dark Lava	—

Contraste da Paleta de Cores

5 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
#6c4c34	#593e2b	1.26
#6c4c34	#4e3c2e	1.35
#d4e3f2	#aebdc6	1.47
#593e2b	#4e3c2e	1.06
#9c8367	#aebdc6	1.86

Paleta de imagens Theme ecommerce lamp stile png

--color-coffee:	#6c4c34;
--color-azureish-white:	#d4e3f2;
--color-royal-brown:	#593e2b;
--color-beaver:	#9c8367;
--color-cadet-blue-crayola:	#aebdc6;
--color-dark-lava:	#4e3c2e;

$color-coffee:	#6c4c34;
$color-azureish-white:	#d4e3f2;
$color-royal-brown:	#593e2b;
$color-beaver:	#9c8367;
$color-cadet-blue-crayola:	#aebdc6;
$color-dark-lava:	#4e3c2e;

@color-coffee:	#6c4c34;
@color-azureish-white:	#d4e3f2;
@color-royal-brown:	#593e2b;
@color-beaver:	#9c8367;
@color-cadet-blue-crayola:	#aebdc6;
@color-dark-lava:	#4e3c2e;