Branding design blocks ui colors

#c4fc04
#b9d852
#4f6516
#a6b45c
#d4c0b6
#595e31

Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen #c4fc04 Dan #4f6516. Palet memiliki suhu warna Hangat, Netral.

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

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Sebaran rona menunjukkan kelompok sebagian besar analog (heuristik, bukan aturan ketat).

Secara keseluruhan suhu warna condong ke hangat.

Kode HEX (diurutkan): #4F6516, #595E31, #A6B45C, #B9D852, #C4FC04, #D4C0B6

Palette Branding design blocks ui colors memiliki kombinasi warna kode 6:

HEX: #c4fc04, RGB: (196, 252, 4); HEX: #b9d852, RGB: (185, 216, 82); HEX: #4f6516, RGB: (79, 101, 22)

HEX: #a6b45c, RGB: (166, 180, 92); HEX: #d4c0b6, RGB: (212, 192, 182); HEX: #595e31, RGB: (89, 94, 49)

Versi warna palet yang disederhanakan

Bayangan dari greenyellow, Bayangan dari Kuning hijau, Warna dari darkolivegreen, Warna dari darkkhaki, Bayangan dari Perak, Warna dari darkolivegreen

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Branding design blocks ui colors kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#c4fc04	#c4fc04	RGB(196, 252, 4)	—	—
#b9d852	#b9d852	RGB(185, 216, 82)	—	—
#4f6516	#4f6516	RGB(79, 101, 22)	—	—
#a6b45c	#a6b45c	RGB(166, 180, 92)	—	—
#d4c0b6	#d4c0b6	RGB(212, 192, 182)	—	—
#595e31	#595e31	RGB(89, 94, 49)	—	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#c4fc04	#b9d852	1.32
#c4fc04	#a6b45c	1.85
#c4fc04	#d4c0b6	1.43
#b9d852	#a6b45c	1.39
#b9d852	#d4c0b6	1.08
#4f6516	#595e31	1.04

Palet gambar Branding design blocks ui colors png

Branding design blocks ui colors - #167852

--color-1:	#c4fc04;
--color-2:	#b9d852;
--color-3:	#4f6516;
--color-4:	#a6b45c;
--color-5:	#d4c0b6;
--color-6:	#595e31;

$color-1:	#c4fc04;
$color-2:	#b9d852;
$color-3:	#4f6516;
$color-4:	#a6b45c;
$color-5:	#d4c0b6;
$color-6:	#595e31;

@color-1:	#c4fc04;
@color-2:	#b9d852;
@color-3:	#4f6516;
@color-4:	#a6b45c;
@color-5:	#d4c0b6;
@color-6:	#595e31;