Ui responsive web mockup startup palette

Violet-Blue (Crayola)
#7a71cf
Maximum Blue Purple
#b0a8e4
Caput Mortuum
#56221c
Antique Fuchsia
#a4648d
Cambridge Blue
#accca4
Japanese Indigo
#2a4050

Palet terdiri dari Lampu, Gelap warna. Warna aksen Maximum Blue Purple #b0a8e4 Dan Cambridge Blue #accca4. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #56221C (paling gelap) ke #B0A8E4 (paling terang). Rentang kecerahan lebar.

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): #2A4050, #56221C, #7A71CF, #A4648D, #ACCCA4, #B0A8E4

Palette Ui responsive web mockup startup palette memiliki kombinasi warna kode 6:

HEX: #7a71cf, RGB: (122, 113, 207); HEX: #b0a8e4, RGB: (176, 168, 228); HEX: #56221c, RGB: (86, 34, 28)

HEX: #a4648d, RGB: (164, 100, 141); HEX: #accca4, RGB: (172, 204, 164); HEX: #2a4050, RGB: (42, 64, 80)

Versi warna palet yang disederhanakan

Bayangan dari mediumslateblue, Warna dari lightsteelblue, Bayangan dari Merah tua, Warna dari palevioletred, Bayangan dari darkseagreen, Warna dari darkslategrey

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Ui responsive web mockup startup palette kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#7a71cf	#7a71cf	RGB(122, 113, 207)	Violet-Blue (Crayola)	—
#b0a8e4	#b0a8e4	RGB(176, 168, 228)	Maximum Blue Purple	—
#56221c	#56221c	RGB(86, 34, 28)	Caput Mortuum	—
#a4648d	#a4648d	RGB(164, 100, 141)	Antique Fuchsia	—
#accca4	#accca4	RGB(172, 204, 164)	Cambridge Blue	—
#2a4050	#2a4050	RGB(42, 64, 80)	Japanese Indigo	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#7a71cf	#b0a8e4	1.87
#7a71cf	#a4648d	1.06
#b0a8e4	#a4648d	1.99
#b0a8e4	#accca4	1.24
#56221c	#2a4050	1.18

Palet gambar Ui responsive web mockup startup palette png

Ui responsive web mockup startup palette - #209577

--color-violet-blue-crayola:	#7a71cf;
--color-maximum-blue-purple:	#b0a8e4;
--color-caput-mortuum:	#56221c;
--color-antique-fuchsia:	#a4648d;
--color-cambridge-blue:	#accca4;
--color-japanese-indigo:	#2a4050;

$color-violet-blue-crayola:	#7a71cf;
$color-maximum-blue-purple:	#b0a8e4;
$color-caput-mortuum:	#56221c;
$color-antique-fuchsia:	#a4648d;
$color-cambridge-blue:	#accca4;
$color-japanese-indigo:	#2a4050;

@color-violet-blue-crayola:	#7a71cf;
@color-maximum-blue-purple:	#b0a8e4;
@color-caput-mortuum:	#56221c;
@color-antique-fuchsia:	#a4648d;
@color-cambridge-blue:	#accca4;
@color-japanese-indigo:	#2a4050;