Saas website colorful web design

Blue Bell
#9c94cc
Violet Heaven
#c6bbf8
Jacarta
#312a59
Dark Blue-Gray
#6c648c
Wild Blue Yonder
#acacd4
Dark Purple
#2c243d

Palet terdiri dari Lampu, Gelap warna. Warna aksen Violet Heaven #c6bbf8 Dan Jacarta #312a59. Palet memiliki suhu warna Dingin.

Menurut kecerahan, palet ini dari #2C243D (paling gelap) ke #C6BBF8 (paling terang). Rentang kecerahan lebar.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

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

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #2C243D, #312A59, #6C648C, #9C94CC, #ACACD4, #C6BBF8

Palette Saas website colorful web design memiliki kombinasi warna kode 6:

HEX: #9c94cc, RGB: (156, 148, 204); HEX: #c6bbf8, RGB: (198, 187, 248); HEX: #312a59, RGB: (49, 42, 89)

HEX: #6c648c, RGB: (108, 100, 140); HEX: #acacd4, RGB: (172, 172, 212); HEX: #2c243d, RGB: (44, 36, 61)

Versi warna palet yang disederhanakan

Bayangan dari mediumpurple, Bayangan dari lightsteelblue, Bayangan dari midnightblue, Warna dari slateblue, Warna dari lightsteelblue, Bayangan dari midnightblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Ungu Biru

Kode warna dalam palet

Saas website colorful web design kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#9c94cc	#9c94cc	RGB(156, 148, 204)	Blue Bell	—
#c6bbf8	#c6bbf8	RGB(198, 187, 248)	Violet Heaven	—
#312a59	#312a59	RGB(49, 42, 89)	Jacarta	—
#6c648c	#6c648c	RGB(108, 100, 140)	Dark Blue-Gray	—
#acacd4	#acacd4	RGB(172, 172, 212)	Wild Blue Yonder	—
#2c243d	#2c243d	RGB(44, 36, 61)	Dark Purple	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#9c94cc	#c6bbf8	1.57
#9c94cc	#6c648c	1.95
#9c94cc	#acacd4	1.27
#c6bbf8	#acacd4	1.23
#312a59	#2c243d	1.12

Palet gambar Saas website colorful web design png

Saas website colorful web design - #200285

--color-blue-bell:	#9c94cc;
--color-violet-heaven:	#c6bbf8;
--color-jacarta:	#312a59;
--color-dark-blue-gray:	#6c648c;
--color-wild-blue-yonder:	#acacd4;
--color-dark-purple:	#2c243d;

$color-blue-bell:	#9c94cc;
$color-violet-heaven:	#c6bbf8;
$color-jacarta:	#312a59;
$color-dark-blue-gray:	#6c648c;
$color-wild-blue-yonder:	#acacd4;
$color-dark-purple:	#2c243d;

@color-blue-bell:	#9c94cc;
@color-violet-heaven:	#c6bbf8;
@color-jacarta:	#312a59;
@color-dark-blue-gray:	#6c648c;
@color-wild-blue-yonder:	#acacd4;
@color-dark-purple:	#2c243d;