Dream Bytefield

Primary UI Lavender
#aa99dd
Secondary Cloud Cream
#efe3c7
Accent Map Green
#b6d967
Background Horizon Blue
#d1d8e0
Surface Platform Tan
#ddd3c1
Text Dialogue Black
#202020

Palet terdiri dari Lampu, Gelap warna. Warna aksen Primary UI Lavender #aa99dd Dan Accent Map Green #b6d967. Palet memiliki suhu warna Dingin, Netral, Hangat.

Menurut kecerahan, palet ini dari #202020 (paling gelap) ke #EFE3C7 (paling terang). Rentang kecerahan lebar.

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 dingin.

Kode HEX (diurutkan): #202020, #AA99DD, #B6D967, #D1D8E0, #DDD3C1, #EFE3C7

Palette Dream Bytefield memiliki kombinasi warna kode 6:

HEX: #aa99dd, RGB: (170, 153, 221); HEX: #efe3c7, RGB: (239, 227, 199); HEX: #b6d967, RGB: (182, 217, 103)

HEX: #d1d8e0, RGB: (209, 216, 224); HEX: #ddd3c1, RGB: (221, 211, 193); HEX: #202020, RGB: (32, 32, 32)

Versi warna palet yang disederhanakan

Warna dari plum, Warna dari papayawhip, Bayangan dari Kuning hijau, Bayangan dari lightgrey, Warna dari antiquewhite, Bayangan dari Hitam

Skema warna diciptakan oleh colorslib

Lebih banyak palet dengan:

Kode warna dalam palet

Dream Bytefield kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#aa99dd	#aa99dd	RGB(170, 153, 221)	Primary UI Lavender	—
#efe3c7	#efe3c7	RGB(239, 227, 199)	Secondary Cloud Cream	—
#b6d967	#b6d967	RGB(182, 217, 103)	Accent Map Green	—
#d1d8e0	#d1d8e0	RGB(209, 216, 224)	Background Horizon Blue	—
#ddd3c1	#ddd3c1	RGB(221, 211, 193)	Surface Platform Tan	—
#202020	#202020	RGB(32, 32, 32)	Text Dialogue Black	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#aa99dd	#efe3c7	1.98
#aa99dd	#b6d967	1.57
#aa99dd	#d1d8e0	1.75
#aa99dd	#ddd3c1	1.7
#efe3c7	#b6d967	1.25
#efe3c7	#d1d8e0	1.12

Palet gambar Dream Bytefield png

--color-primary-ui-lavender:	#aa99dd;
--color-secondary-cloud-cream:	#efe3c7;
--color-accent-map-green:	#b6d967;
--color-background-horizon-blue:	#d1d8e0;
--color-surface-platform-tan:	#ddd3c1;
--color-text-dialogue-black:	#202020;

$color-primary-ui-lavender:	#aa99dd;
$color-secondary-cloud-cream:	#efe3c7;
$color-accent-map-green:	#b6d967;
$color-background-horizon-blue:	#d1d8e0;
$color-surface-platform-tan:	#ddd3c1;
$color-text-dialogue-black:	#202020;

@color-primary-ui-lavender:	#aa99dd;
@color-secondary-cloud-cream:	#efe3c7;
@color-accent-map-green:	#b6d967;
@color-background-horizon-blue:	#d1d8e0;
@color-surface-platform-tan:	#ddd3c1;
@color-text-dialogue-black:	#202020;