Mobile Health Tracker Dashboard

Heart Red
#e53935
Vitals White
#fafafa
Stats Blue
#1e88e5
Alert Yellow
#ffee58
Panel Gray
#eceff1

Palet terdiri dari Setengah gelap, Lampu warna. Warna aksen Stats Blue #1e88e5 Dan Alert Yellow #ffee58. Palet memiliki suhu warna Hangat, Netral, Dingin.

Menurut kecerahan, palet ini dari #1E88E5 (paling gelap) ke #FAFAFA (paling terang). Rentang kecerahan sedang.

Saturasi keseluruhan terasa hidup (chroma tinggi).

Beberapa pasangan rona dekat posisi komplementer — dapat terbaca sebagai kontras komplementer (heuristik).

Secara keseluruhan suhu warna condong ke hangat.

Kode HEX (diurutkan): #1E88E5, #E53935, #ECEFF1, #FAFAFA, #FFEE58

Palette Mobile Health Tracker Dashboard memiliki kombinasi warna kode 5:

HEX: #e53935, RGB: (229, 57, 53); HEX: #fafafa, RGB: (250, 250, 250); HEX: #1e88e5, RGB: (30, 136, 229)

HEX: #ffee58, RGB: (255, 238, 88); HEX: #eceff1, RGB: (236, 239, 241)

Versi warna palet yang disederhanakan

Bayangan dari Merah, Bayangan dari whitesmoke, Warna dari dodgerblue, Bayangan dari Kuning, Warna dari whitesmoke

Skema warna diciptakan oleh colorhunt

Lebih banyak palet dengan:

Kode warna dalam palet

Mobile Health Tracker Dashboard kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#e53935	#e53935	RGB(229, 57, 53)	Heart Red	—
#fafafa	#fafafa	RGB(250, 250, 250)	Vitals White	Dr. White
#1e88e5	#1e88e5	RGB(30, 136, 229)	Stats Blue	—
#ffee58	#ffee58	RGB(255, 238, 88)	Alert Yellow	—
#eceff1	#eceff1	RGB(236, 239, 241)	Panel Gray	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#e53935	#1e88e5	1.14
#fafafa	#ffee58	1.14
#fafafa	#eceff1	1.1
#ffee58	#eceff1	1.03

--color-heart-red:	#e53935;
--color-vitals-white:	#fafafa;
--color-stats-blue:	#1e88e5;
--color-alert-yellow:	#ffee58;
--color-panel-gray:	#eceff1;

$color-heart-red:	#e53935;
$color-vitals-white:	#fafafa;
$color-stats-blue:	#1e88e5;
$color-alert-yellow:	#ffee58;
$color-panel-gray:	#eceff1;

@color-heart-red:	#e53935;
@color-vitals-white:	#fafafa;
@color-stats-blue:	#1e88e5;
@color-alert-yellow:	#ffee58;
@color-panel-gray:	#eceff1;

Mobile Health Tracker Dashboard

Kode warna dalam palet

Kontras Palet Warna

Palet gambar Mobile Health Tracker Dashboard png