Design typography product ux colours

Chinese Brown
#b53120
Topaz
#f4c478
Antique Bronze
#646b19
Light Slate Gray
#76949c
Ash Gray
#bfc4b0
Mud
#635b35

Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Topaz #f4c478 Dan Light Slate Gray #76949c. Palet memiliki suhu warna Hangat, Dingin, Netral.

Menurut kecerahan, palet ini dari #646B19 (paling gelap) ke #BFC4B0 (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 hangat.

Kode HEX (diurutkan): #635B35, #646B19, #76949C, #B53120, #BFC4B0, #F4C478

Palette Design typography product ux colours memiliki kombinasi warna kode 6:

HEX: #b53120, RGB: (181, 49, 32); HEX: #f4c478, RGB: (244, 196, 120); HEX: #646b19, RGB: (100, 107, 25)

HEX: #76949c, RGB: (118, 148, 156); HEX: #bfc4b0, RGB: (191, 196, 176); HEX: #635b35, RGB: (99, 91, 53)

Versi warna palet yang disederhanakan

Bayangan dari firebrick, Bayangan dari burlywood, Bayangan dari darkolivegreen, Bayangan dari lightslategrey, Bayangan dari Perak, Warna dari darkolivegreen

Skema warna diciptakan oleh coolor

Lebih banyak palet dengan:

Kode warna dalam palet

Design typography product ux colours kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#b53120	#b53120	RGB(181, 49, 32)	Chinese Brown	—
#f4c478	#f4c478	RGB(244, 196, 120)	Topaz	—
#646b19	#646b19	RGB(100, 107, 25)	Antique Bronze	—
#76949c	#76949c	RGB(118, 148, 156)	Light Slate Gray	—
#bfc4b0	#bfc4b0	RGB(191, 196, 176)	Ash Gray	—
#635b35	#635b35	RGB(99, 91, 53)	Mud	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#b53120	#646b19	1.06
#b53120	#76949c	1.89
#b53120	#635b35	1.11
#f4c478	#bfc4b0	1.1
#646b19	#76949c	1.77
#646b19	#635b35	1.18

Palet gambar Design typography product ux colours png

Design typography product ux colours - #239246

--color-chinese-brown:	#b53120;
--color-topaz:	#f4c478;
--color-antique-bronze:	#646b19;
--color-light-slate-gray:	#76949c;
--color-ash-gray:	#bfc4b0;
--color-mud:	#635b35;

$color-chinese-brown:	#b53120;
$color-topaz:	#f4c478;
$color-antique-bronze:	#646b19;
$color-light-slate-gray:	#76949c;
$color-ash-gray:	#bfc4b0;
$color-mud:	#635b35;

@color-chinese-brown:	#b53120;
@color-topaz:	#f4c478;
@color-antique-bronze:	#646b19;
@color-light-slate-gray:	#76949c;
@color-ash-gray:	#bfc4b0;
@color-mud:	#635b35;