Design vibrent gradiant colors palette

#203adb
#538be4
#2c3eb4
#6476a8
#becbde
#1e2a7a

Palet terdiri dari Lampu, Gelap warna. Warna aksen #203adb Dan #538be4. Palet memiliki suhu warna Dingin.

Menurut kecerahan, palet ini dari #1E2A7A (paling gelap) ke #BECBDE (paling terang). Rentang kecerahan sedang.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Sebaran rona menunjukkan kelompok sebagian besar analog (heuristik, bukan aturan ketat).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #1E2A7A, #203ADB, #2C3EB4, #538BE4, #6476A8, #BECBDE

Palette Design vibrent gradiant colors palette memiliki kombinasi warna kode 6:

HEX: #203adb, RGB: (32, 58, 219); HEX: #538be4, RGB: (83, 139, 228); HEX: #2c3eb4, RGB: (44, 62, 180)

HEX: #6476a8, RGB: (100, 118, 168); HEX: #becbde, RGB: (190, 203, 222); HEX: #1e2a7a, RGB: (30, 42, 122)

Versi warna palet yang disederhanakan

Bayangan dari Biru, Warna dari cornflowerblue, Warna dari darkslateblue, Bayangan dari royalblue, Bayangan dari lightsteelblue, Bayangan dari midnightblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Biru

Kode warna dalam palet

Design vibrent gradiant colors palette kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#203adb	#203adb	RGB(32, 58, 219)	—	—
#538be4	#538be4	RGB(83, 139, 228)	—	—
#2c3eb4	#2c3eb4	RGB(44, 62, 180)	—	—
#6476a8	#6476a8	RGB(100, 118, 168)	—	—
#becbde	#becbde	RGB(190, 203, 222)	—	—
#1e2a7a	#1e2a7a	RGB(30, 42, 122)	—	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#203adb	#2c3eb4	1.09
#203adb	#6476a8	1.74
#203adb	#1e2a7a	1.61
#538be4	#6476a8	1.31
#2c3eb4	#6476a8	1.91
#2c3eb4	#1e2a7a	1.47

Palet gambar Design vibrent gradiant colors palette png

Design vibrent gradiant colors palette - #8942

--color-1:	#203adb;
--color-2:	#538be4;
--color-3:	#2c3eb4;
--color-4:	#6476a8;
--color-5:	#becbde;
--color-6:	#1e2a7a;

$color-1:	#203adb;
$color-2:	#538be4;
$color-3:	#2c3eb4;
$color-4:	#6476a8;
$color-5:	#becbde;
$color-6:	#1e2a7a;

@color-1:	#203adb;
@color-2:	#538be4;
@color-3:	#2c3eb4;
@color-4:	#6476a8;
@color-5:	#becbde;
@color-6:	#1e2a7a;