Design glassmorphism vibrant fintech colours

#3a54e8
#bc9cdc
#251675
#ad4d82
#8c8cbc
#483458

Palet terdiri dari Setengah gelap, Lampu, Gelap warna. Warna aksen #3a54e8 Dan #251675. Palet memiliki suhu warna Dingin, Hangat.

Menurut kecerahan, palet ini dari #251675 (paling gelap) ke #BC9CDC (paling terang). Rentang kecerahan sedang.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Rona berada di pita tetangga pada roda warna (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #251675, #3A54E8, #483458, #8C8CBC, #AD4D82, #BC9CDC

Palette Design glassmorphism vibrant fintech colours memiliki kombinasi warna kode 6:

HEX: #3a54e8, RGB: (58, 84, 232); HEX: #bc9cdc, RGB: (188, 156, 220); HEX: #251675, RGB: (37, 22, 117)

HEX: #ad4d82, RGB: (173, 77, 130); HEX: #8c8cbc, RGB: (140, 140, 188); HEX: #483458, RGB: (72, 52, 88)

Versi warna palet yang disederhanakan

Warna dari slateblue, Warna dari plum, Bayangan dari midnightblue, Bayangan dari mediumvioletred, Bayangan dari mediumpurple, Warna dari darkslateblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Design glassmorphism vibrant fintech colours kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#3a54e8	#3a54e8	RGB(58, 84, 232)	—	—
#bc9cdc	#bc9cdc	RGB(188, 156, 220)	—	—
#251675	#251675	RGB(37, 22, 117)	—	—
#ad4d82	#ad4d82	RGB(173, 77, 130)	—	—
#8c8cbc	#8c8cbc	RGB(140, 140, 188)	—	—
#483458	#483458	RGB(72, 52, 88)	—	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#3a54e8	#ad4d82	1.15
#3a54e8	#8c8cbc	1.82
#3a54e8	#483458	1.89
#bc9cdc	#8c8cbc	1.35
#251675	#483458	1.31
#ad4d82	#8c8cbc	1.58

Palet gambar Design glassmorphism vibrant fintech colours png

Design glassmorphism vibrant fintech colours - #114684

--color-1:	#3a54e8;
--color-2:	#bc9cdc;
--color-3:	#251675;
--color-4:	#ad4d82;
--color-5:	#8c8cbc;
--color-6:	#483458;

$color-1:	#3a54e8;
$color-2:	#bc9cdc;
$color-3:	#251675;
$color-4:	#ad4d82;
$color-5:	#8c8cbc;
$color-6:	#483458;

@color-1:	#3a54e8;
@color-2:	#bc9cdc;
@color-3:	#251675;
@color-4:	#ad4d82;
@color-5:	#8c8cbc;
@color-6:	#483458;