Visual Flowchart Wireframe Palette

Connector Navy
#102542
Node Tan
#ead2ac
Step Teal
#42c2b1
Decision Coral
#f76c5e
Background White
#fdfcfb
Label Grey
#9e9e9e

Palet terdiri dari Gelap, Lampu warna. Warna aksen Connector Navy #102542 Dan Decision Coral #f76c5e. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #102542 (paling gelap) ke #FDFCFB (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).

Nada hangat dan dingin cukup seimbang.

Kode HEX (diurutkan): #102542, #42C2B1, #9E9E9E, #EAD2AC, #F76C5E, #FDFCFB

Palette Visual Flowchart Wireframe Palette memiliki kombinasi warna kode 6:

HEX: #102542, RGB: (16, 37, 66); HEX: #ead2ac, RGB: (234, 210, 172); HEX: #42c2b1, RGB: (66, 194, 177)

HEX: #f76c5e, RGB: (247, 108, 94); HEX: #fdfcfb, RGB: (253, 252, 251); HEX: #9e9e9e, RGB: (158, 158, 158)

Versi warna palet yang disederhanakan

Warna dari midnightblue, Warna dari wheat, Bayangan dari lightseagreen, Warna dari salmon, Warna dari Putih, Warna dari darkgrey

Skema warna diciptakan oleh colorscheme

Lebih banyak palet dengan:

Kode warna dalam palet

Visual Flowchart Wireframe Palette kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#102542	#102542	RGB(16, 37, 66)	Connector Navy	—
#ead2ac	#ead2ac	RGB(234, 210, 172)	Node Tan	—
#42c2b1	#42c2b1	RGB(66, 194, 177)	Step Teal	—
#f76c5e	#f76c5e	RGB(247, 108, 94)	Decision Coral	—
#fdfcfb	#fdfcfb	RGB(253, 252, 251)	Background White	—
#9e9e9e	#9e9e9e	RGB(158, 158, 158)	Label Grey	Gray62

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#ead2ac	#42c2b1	1.49
#ead2ac	#f76c5e	1.97
#ead2ac	#fdfcfb	1.43
#ead2ac	#9e9e9e	1.82
#42c2b1	#f76c5e	1.31
#42c2b1	#9e9e9e	1.22

Palet gambar Visual Flowchart Wireframe Palette png

Visual Flowchart Wireframe Palette - #555339

--color-connector-navy:	#102542;
--color-node-tan:	#ead2ac;
--color-step-teal:	#42c2b1;
--color-decision-coral:	#f76c5e;
--color-background-white:	#fdfcfb;
--color-label-grey:	#9e9e9e;

$color-connector-navy:	#102542;
$color-node-tan:	#ead2ac;
$color-step-teal:	#42c2b1;
$color-decision-coral:	#f76c5e;
$color-background-white:	#fdfcfb;
$color-label-grey:	#9e9e9e;

@color-connector-navy:	#102542;
@color-node-tan:	#ead2ac;
@color-step-teal:	#42c2b1;
@color-decision-coral:	#f76c5e;
@color-background-white:	#fdfcfb;
@color-label-grey:	#9e9e9e;