Collaborative Web UX Suite

Live Indigo
#6366f1
Cursor Mint
#6ee7b7
Comment Cream
#fefce8
Highlight Pink
#f9a8d4
Status Slate
#475569
Notify Coral
#fb7185
Update Jet
#0f172a

Palet terdiri dari Lampu, Setengah gelap, Gelap warna. Warna aksen Cursor Mint #6ee7b7 Dan Notify Coral #fb7185. Palet memiliki suhu warna Dingin, Netral, Hangat.

Menurut kecerahan, palet ini dari #0F172A (paling gelap) ke #FEFCE8 (paling terang). Rentang kecerahan lebar.

Saturasi keseluruhan terasa hidup (chroma tinggi).

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

Secara keseluruhan suhu warna condong ke dingin.

Kode HEX (diurutkan): #0F172A, #475569, #6366F1, #6EE7B7, #F9A8D4, #FB7185, #FEFCE8

Palette Collaborative Web UX Suite memiliki kombinasi warna kode 7:

HEX: #6366f1, RGB: (99, 102, 241); HEX: #6ee7b7, RGB: (110, 231, 183); HEX: #fefce8, RGB: (254, 252, 232)

HEX: #f9a8d4, RGB: (249, 168, 212); HEX: #475569, RGB: (71, 85, 105); HEX: #fb7185, RGB: (251, 113, 133)

HEX: #0f172a, RGB: (15, 23, 42)

Versi warna palet yang disederhanakan

Warna dari mediumslateblue, Warna dari aquamarine, Warna dari ivory, Bayangan dari plum, Bayangan dari darkslateblue, Warna dari lightcoral, Bayangan dari Hitam

Skema warna diciptakan oleh colourlock

Lebih banyak palet dengan:

Kode warna dalam palet

Collaborative Web UX Suite kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#6366f1	#6366f1	RGB(99, 102, 241)	Live Indigo	—
#6ee7b7	#6ee7b7	RGB(110, 231, 183)	Cursor Mint	—
#fefce8	#fefce8	RGB(254, 252, 232)	Comment Cream	—
#f9a8d4	#f9a8d4	RGB(249, 168, 212)	Highlight Pink	—
#475569	#475569	RGB(71, 85, 105)	Status Slate	—
#fb7185	#fb7185	RGB(251, 113, 133)	Notify Coral	—
#0f172a	#0f172a	RGB(15, 23, 42)	Update Jet	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#6366f1	#475569	1.69
#6366f1	#fb7185	1.65
#6ee7b7	#fefce8	1.47
#6ee7b7	#f9a8d4	1.18
#6ee7b7	#fb7185	1.76
#fefce8	#f9a8d4	1.75

Palet gambar Collaborative Web UX Suite png

--color-live-indigo:	#6366f1;
--color-cursor-mint:	#6ee7b7;
--color-comment-cream:	#fefce8;
--color-highlight-pink:	#f9a8d4;
--color-status-slate:	#475569;
--color-notify-coral:	#fb7185;
--color-update-jet:	#0f172a;

$color-live-indigo:	#6366f1;
$color-cursor-mint:	#6ee7b7;
$color-comment-cream:	#fefce8;
$color-highlight-pink:	#f9a8d4;
$color-status-slate:	#475569;
$color-notify-coral:	#fb7185;
$color-update-jet:	#0f172a;

@color-live-indigo:	#6366f1;
@color-cursor-mint:	#6ee7b7;
@color-comment-cream:	#fefce8;
@color-highlight-pink:	#f9a8d4;
@color-status-slate:	#475569;
@color-notify-coral:	#fb7185;
@color-update-jet:	#0f172a;