Behance brand product design web hex colors

Iris
#514bd5
Middle Blue Green
#94ccc8
St. Patrick's Blue
#1c196b
Middle Red Purple
#ac545a
Columbia Blue
#c6d4dc
Dark Slate Gray
#385255

A paleta consiste em cores Semi escuro, Luz, Escuro. Cores de destaque Iris #514bd5 e St. Patrick's Blue #1c196b. A paleta tem Legal, Esquentar temperatura de cores.

Em luminosidade, a paleta vai de #1C196B (mais escuro) a #C6D4DC (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 frio.

Códigos HEX (ordenados): #1C196B, #385255, #514BD5, #94CCC8, #AC545A, #C6D4DC

A paleta Behance brand product design web hex colors tem uma combinação de cores de códigos de 6:

HEX: #514bd5, RGB: (81, 75, 213); HEX: #94ccc8, RGB: (148, 204, 200); HEX: #1c196b, RGB: (28, 25, 107)

HEX: #ac545a, RGB: (172, 84, 90); HEX: #c6d4dc, RGB: (198, 212, 220); HEX: #385255, RGB: (56, 82, 85)

Versão simplificada das cores da paleta

Matiz de slateblue, Matiz de powderblue, Sombra de midnightblue, Matiz de indianred, Matiz de lightgrey, Sombra de darkslategrey

O esquema de cores foi criado por colorswall

Mais paletas com:

Códigos de cores na paleta

Behance brand product design web hex colors códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#514bd5	#514bd5	RGB(81, 75, 213)	Iris	—
#94ccc8	#94ccc8	RGB(148, 204, 200)	Middle Blue Green	—
#1c196b	#1c196b	RGB(28, 25, 107)	St. Patrick's Blue	—
#ac545a	#ac545a	RGB(172, 84, 90)	Middle Red Purple	—
#c6d4dc	#c6d4dc	RGB(198, 212, 220)	Columbia Blue	—
#385255	#385255	RGB(56, 82, 85)	Dark Slate Gray	—

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
#514bd5	#ac545a	1.25
#514bd5	#385255	1.32
#94ccc8	#c6d4dc	1.18
#1c196b	#385255	1.78
#ac545a	#385255	1.66

--color-iris:	#514bd5;
--color-middle-blue-green:	#94ccc8;
--color-st-patricks-blue:	#1c196b;
--color-middle-red-purple:	#ac545a;
--color-columbia-blue:	#c6d4dc;
--color-dark-slate-gray:	#385255;

$color-iris:	#514bd5;
$color-middle-blue-green:	#94ccc8;
$color-st-patricks-blue:	#1c196b;
$color-middle-red-purple:	#ac545a;
$color-columbia-blue:	#c6d4dc;
$color-dark-slate-gray:	#385255;

@color-iris:	#514bd5;
@color-middle-blue-green:	#94ccc8;
@color-st-patricks-blue:	#1c196b;
@color-middle-red-purple:	#ac545a;
@color-columbia-blue:	#c6d4dc;
@color-dark-slate-gray:	#385255;

Behance brand product design web hex colors

Códigos de cores na paleta

Contraste da Paleta de Cores

Paleta de imagens Behance brand product design web hex colors png