Mockup macbook abstract ux colors

Ube
#8480c4
Parrot Pink
#e094a2
Deep Koamaru
#2c2a5a
Dark Blue-Gray
#5f5898
Blue Bell
#a3a5ce
American Blue
#424266

Palet terdiri dari Lampu, Gelap, Setengah gelap warna. Warna aksen Ube #8480c4 Dan Parrot Pink #e094a2. Palet memiliki suhu warna Dingin, Hangat.

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

Saturasi campuran — ada swatch redup dan aksen lebih cerah.

Rona berada di pita tetangga pada roda warna (heuristik).

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #2C2A5A, #424266, #5F5898, #8480C4, #A3A5CE, #E094A2

Palette Mockup macbook abstract ux colors memiliki kombinasi warna kode 6:

HEX: #8480c4, RGB: (132, 128, 196); HEX: #e094a2, RGB: (224, 148, 162); HEX: #2c2a5a, RGB: (44, 42, 90)

HEX: #5f5898, RGB: (95, 88, 152); HEX: #a3a5ce, RGB: (163, 165, 206); HEX: #424266, RGB: (66, 66, 102)

Versi warna palet yang disederhanakan

Bayangan dari mediumpurple, Bayangan dari rosybrown, Bayangan dari midnightblue, Warna dari slateblue, Warna dari lightsteelblue, Warna dari darkslateblue

Skema warna diciptakan oleh colorswall

Lebih banyak palet dengan:

Kode warna dalam palet

Mockup macbook abstract ux colors kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#8480c4	#8480c4	RGB(132, 128, 196)	Ube	—
#e094a2	#e094a2	RGB(224, 148, 162)	Parrot Pink	—
#2c2a5a	#2c2a5a	RGB(44, 42, 90)	Deep Koamaru	—
#5f5898	#5f5898	RGB(95, 88, 152)	Dark Blue-Gray	—
#a3a5ce	#a3a5ce	RGB(163, 165, 206)	Blue Bell	—
#424266	#424266	RGB(66, 66, 102)	American Blue	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#8480c4	#e094a2	1.52
#8480c4	#5f5898	1.75
#8480c4	#a3a5ce	1.5
#e094a2	#a3a5ce	1.01
#2c2a5a	#424266	1.38
#5f5898	#424266	1.51

Palet gambar Mockup macbook abstract ux colors png

Mockup macbook abstract ux colors - #187415

--color-ube:	#8480c4;
--color-parrot-pink:	#e094a2;
--color-deep-koamaru:	#2c2a5a;
--color-dark-blue-gray:	#5f5898;
--color-blue-bell:	#a3a5ce;
--color-american-blue:	#424266;

$color-ube:	#8480c4;
$color-parrot-pink:	#e094a2;
$color-deep-koamaru:	#2c2a5a;
$color-dark-blue-gray:	#5f5898;
$color-blue-bell:	#a3a5ce;
$color-american-blue:	#424266;

@color-ube:	#8480c4;
@color-parrot-pink:	#e094a2;
@color-deep-koamaru:	#2c2a5a;
@color-dark-blue-gray:	#5f5898;
@color-blue-bell:	#a3a5ce;
@color-american-blue:	#424266;