Trip corporate ux ui colors

Green (RYB)
#67b42a
Granny Smith Apple
#b7e593
Police Blue
#2e5b64
Crystal Blue
#6898af
Pastel Blue
#a8bec9
Charcoal
#2d3f53

Palet terdiri dari Lampu, Setengah gelap warna. Warna aksen Green (RYB) #67b42a Dan Granny Smith Apple #b7e593. Palet memiliki suhu warna Hangat, Dingin.

Menurut kecerahan, palet ini dari #2D3F53 (paling gelap) ke #B7E593 (paling terang). Rentang kecerahan sedang.

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Rona tersebar luas pada roda — palet bervariasi (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #2D3F53, #2E5B64, #67B42A, #6898AF, #A8BEC9, #B7E593

Palette Trip corporate ux ui colors memiliki kombinasi warna kode 6:

HEX: #67b42a, RGB: (103, 180, 42); HEX: #b7e593, RGB: (183, 229, 147); HEX: #2e5b64, RGB: (46, 91, 100)

HEX: #6898af, RGB: (104, 152, 175); HEX: #a8bec9, RGB: (168, 190, 201); HEX: #2d3f53, RGB: (45, 63, 83)

Versi warna palet yang disederhanakan

Bayangan dari limegreen, Bayangan dari lightgreen, Bayangan dari darkslategrey, Bayangan dari lightslategrey, Warna dari lightsteelblue, Warna dari darkslateblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Trip corporate ux ui colors kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#67b42a	#67b42a	RGB(103, 180, 42)	Green (RYB)	—
#b7e593	#b7e593	RGB(183, 229, 147)	Granny Smith Apple	—
#2e5b64	#2e5b64	RGB(46, 91, 100)	Police Blue	—
#6898af	#6898af	RGB(104, 152, 175)	Crystal Blue	—
#a8bec9	#a8bec9	RGB(168, 190, 201)	Pastel Blue	—
#2d3f53	#2d3f53	RGB(45, 63, 83)	Charcoal	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#67b42a	#b7e593	1.79
#67b42a	#6898af	1.21
#67b42a	#a8bec9	1.33
#b7e593	#a8bec9	1.34
#2e5b64	#2d3f53	1.43
#6898af	#a8bec9	1.62

Palet gambar Trip corporate ux ui colors png

--color-green-ryb:	#67b42a;
--color-granny-smith-apple:	#b7e593;
--color-police-blue:	#2e5b64;
--color-crystal-blue:	#6898af;
--color-pastel-blue:	#a8bec9;
--color-charcoal:	#2d3f53;

$color-green-ryb:	#67b42a;
$color-granny-smith-apple:	#b7e593;
$color-police-blue:	#2e5b64;
$color-crystal-blue:	#6898af;
$color-pastel-blue:	#a8bec9;
$color-charcoal:	#2d3f53;

@color-green-ryb:	#67b42a;
@color-granny-smith-apple:	#b7e593;
@color-police-blue:	#2e5b64;
@color-crystal-blue:	#6898af;
@color-pastel-blue:	#a8bec9;
@color-charcoal:	#2d3f53;