Ui design smart gradients colors palette

Dodger Blue
#1c84f3
Tufts Blue
#4095ee
St. Patrick's Blue
#222270
UCLA Blue
#585691
Turquoise Green
#9cd4bc
Japanese Violet
#543454

A paleta consiste em cores Luz, Escuro, Semi escuro. Cores de destaque Dodger Blue #1c84f3 e Tufts Blue #4095ee. A paleta tem Legal, Neutro temperatura de cores.

Em luminosidade, a paleta vai de #543454 (mais escuro) a #9CD4BC (mais claro). A faixa de luminosidade é moderada.

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): #1C84F3, #222270, #4095EE, #543454, #585691, #9CD4BC

A paleta Ui design smart gradients colors palette tem uma combinação de cores de códigos de 6:

HEX: #1c84f3, RGB: (28, 132, 243); HEX: #4095ee, RGB: (64, 149, 238); HEX: #222270, RGB: (34, 34, 112)

HEX: #585691, RGB: (88, 86, 145); HEX: #9cd4bc, RGB: (156, 212, 188); HEX: #543454, RGB: (84, 52, 84)

Versão simplificada das cores da paleta

Matiz de dodgerblue, Sombra de dodgerblue, Sombra de midnightblue, Sombra de darkslateblue, Sombra de mediumaquamarine, Matiz de darkslateblue

O esquema de cores foi criado por colorswall

Mais paletas com:

Azul Água

Códigos de cores na paleta

Ui design smart gradients colors palette códigos de cores HEX, informações RGB na tabela

Cor	HEX	RGB	Nome	nome alternativo
#1c84f3	#1c84f3	RGB(28, 132, 243)	Dodger Blue	—
#4095ee	#4095ee	RGB(64, 149, 238)	Tufts Blue	—
#222270	#222270	RGB(34, 34, 112)	St. Patrick's Blue	—
#585691	#585691	RGB(88, 86, 145)	UCLA Blue	—
#9cd4bc	#9cd4bc	RGB(156, 212, 188)	Turquoise Green	—
#543454	#543454	RGB(84, 52, 84)	Japanese Violet	—

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
#1c84f3	#4095ee	1.19
#1c84f3	#585691	1.78
#4095ee	#9cd4bc	1.85
#222270	#543454	1.3
#585691	#543454	1.58

Paleta de imagens Ui design smart gradients colors palette png

Ui design smart gradients colors palette - #213797

--color-dodger-blue:	#1c84f3;
--color-tufts-blue:	#4095ee;
--color-st-patricks-blue:	#222270;
--color-ucla-blue:	#585691;
--color-turquoise-green:	#9cd4bc;
--color-japanese-violet:	#543454;

$color-dodger-blue:	#1c84f3;
$color-tufts-blue:	#4095ee;
$color-st-patricks-blue:	#222270;
$color-ucla-blue:	#585691;
$color-turquoise-green:	#9cd4bc;
$color-japanese-violet:	#543454;

@color-dodger-blue:	#1c84f3;
@color-tufts-blue:	#4095ee;
@color-st-patricks-blue:	#222270;
@color-ucla-blue:	#585691;
@color-turquoise-green:	#9cd4bc;
@color-japanese-violet:	#543454;