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

Palet terdiri dari Lampu, Gelap, Setengah gelap warna. Warna aksen Dodger Blue #1c84f3 Dan Tufts Blue #4095ee. Palet memiliki suhu warna Dingin, Netral.

Menurut kecerahan, palet ini dari #543454 (paling gelap) ke #9CD4BC (paling terang). Rentang kecerahan sedang.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #1C84F3, #222270, #4095EE, #543454, #585691, #9CD4BC

Palette Ui design smart gradients colors palette memiliki kombinasi warna kode 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)

Versi warna palet yang disederhanakan

Warna dari dodgerblue, Bayangan dari dodgerblue, Bayangan dari midnightblue, Bayangan dari darkslateblue, Bayangan dari mediumaquamarine, Warna dari darkslateblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Biru Aqua

Kode warna dalam palet

Ui design smart gradients colors palette kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#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	—

Kontras Palet Warna

5 pasangan warna memiliki kontras rendah dan perlu perbaikan, yang dapat memengaruhi keterbacaan.

Warna teks	Warna latar belakang	Rasio Kontras
#1c84f3	#4095ee	1.19
#1c84f3	#585691	1.78
#4095ee	#9cd4bc	1.85
#222270	#543454	1.3
#585691	#543454	1.58

Palet gambar 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;