Desktop funnel chart ui

Blue (Crayola)
#2c74fa
Gold (Crayola)
#eeb494
Blue Sapphire
#1d6b83
Slate Gray
#79848c
Opal
#a9c0c6
Purple Taupe
#4c444c

Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Blue (Crayola) #2c74fa Dan Gold (Crayola) #eeb494. Palet memiliki suhu warna Dingin, Hangat, Netral.

Menurut kecerahan, palet ini dari #4C444C (paling gelap) ke #EEB494 (paling terang). Rentang kecerahan sedang.

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): #1D6B83, #2C74FA, #4C444C, #79848C, #A9C0C6, #EEB494

Palette Desktop funnel chart ui memiliki kombinasi warna kode 6:

HEX: #2c74fa, RGB: (44, 116, 250); HEX: #eeb494, RGB: (238, 180, 148); HEX: #1d6b83, RGB: (29, 107, 131)

HEX: #79848c, RGB: (121, 132, 140); HEX: #a9c0c6, RGB: (169, 192, 198); HEX: #4c444c, RGB: (76, 68, 76)

Versi warna palet yang disederhanakan

Bayangan dari royalblue, Bayangan dari lightsalmon, Warna dari steelblue, Warna dari lightslategrey, Warna dari lightblue, Warna dari dimgrey

Skema warna diciptakan oleh bad_colors

Lebih banyak palet dengan:

Kode warna dalam palet

Desktop funnel chart ui kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#2c74fa	#2c74fa	RGB(44, 116, 250)	Blue (Crayola)	—
#eeb494	#eeb494	RGB(238, 180, 148)	Gold (Crayola)	—
#1d6b83	#1d6b83	RGB(29, 107, 131)	Blue Sapphire	—
#79848c	#79848c	RGB(121, 132, 140)	Slate Gray	—
#a9c0c6	#a9c0c6	RGB(169, 192, 198)	Opal	—
#4c444c	#4c444c	RGB(76, 68, 76)	Purple Taupe	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#2c74fa	#1d6b83	1.43
#2c74fa	#79848c	1.1
#eeb494	#a9c0c6	1.04
#1d6b83	#79848c	1.57
#1d6b83	#4c444c	1.55

Palet gambar Desktop funnel chart ui png

--color-blue-crayola:	#2c74fa;
--color-gold-crayola:	#eeb494;
--color-blue-sapphire:	#1d6b83;
--color-slate-gray:	#79848c;
--color-opal:	#a9c0c6;
--color-purple-taupe:	#4c444c;

$color-blue-crayola:	#2c74fa;
$color-gold-crayola:	#eeb494;
$color-blue-sapphire:	#1d6b83;
$color-slate-gray:	#79848c;
$color-opal:	#a9c0c6;
$color-purple-taupe:	#4c444c;

@color-blue-crayola:	#2c74fa;
@color-gold-crayola:	#eeb494;
@color-blue-sapphire:	#1d6b83;
@color-slate-gray:	#79848c;
@color-opal:	#a9c0c6;
@color-purple-taupe:	#4c444c;