Trend architecture home landing page colours

Old Gold
#d3b74a
Flax
#e5d494
Maastricht Blue
#0a1f38
Slate Gray
#697c93
Lavender Gray
#bdc9d8
Japanese Indigo
#2a3f52

Palet terdiri dari Lampu, Gelap warna. Warna aksen Flax #e5d494 Dan Maastricht Blue #0a1f38. Palet memiliki suhu warna Hangat, Dingin.

Menurut kecerahan, palet ini dari #0A1F38 (paling gelap) ke #BDC9D8 (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): #0A1F38, #2A3F52, #697C93, #BDC9D8, #D3B74A, #E5D494

Palette Trend architecture home landing page colours memiliki kombinasi warna kode 6:

HEX: #d3b74a, RGB: (211, 183, 74); HEX: #e5d494, RGB: (229, 212, 148); HEX: #0a1f38, RGB: (10, 31, 56)

HEX: #697c93, RGB: (105, 124, 147); HEX: #bdc9d8, RGB: (189, 201, 216); HEX: #2a3f52, RGB: (42, 63, 82)

Versi warna palet yang disederhanakan

Bayangan dari goldenrod, Warna dari palegoldenrod, Warna dari midnightblue, Warna dari slategrey, Bayangan dari lightsteelblue, Warna dari darkslateblue

Skema warna diciptakan oleh colorslib

Lebih banyak palet dengan:

Kode warna dalam palet

Trend architecture home landing page colours kode warna HEX, informasi RGB dalam tabel

Warna	HEX	RGB	Nama	nama alternatif
#d3b74a	#d3b74a	RGB(211, 183, 74)	Old Gold	—
#e5d494	#e5d494	RGB(229, 212, 148)	Flax	—
#0a1f38	#0a1f38	RGB(10, 31, 56)	Maastricht Blue	—
#697c93	#697c93	RGB(105, 124, 147)	Slate Gray	—
#bdc9d8	#bdc9d8	RGB(189, 201, 216)	Lavender Gray	—
#2a3f52	#2a3f52	RGB(42, 63, 82)	Japanese Indigo	—

Kontras Palet Warna

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

Warna teks	Warna latar belakang	Rasio Kontras
#d3b74a	#e5d494	1.33
#d3b74a	#bdc9d8	1.17
#e5d494	#bdc9d8	1.13
#0a1f38	#2a3f52	1.52

Palet gambar Trend architecture home landing page colours png

Trend architecture home landing page colours - #232810

--color-old-gold:	#d3b74a;
--color-flax:	#e5d494;
--color-maastricht-blue:	#0a1f38;
--color-slate-gray:	#697c93;
--color-lavender-gray:	#bdc9d8;
--color-japanese-indigo:	#2a3f52;

$color-old-gold:	#d3b74a;
$color-flax:	#e5d494;
$color-maastricht-blue:	#0a1f38;
$color-slate-gray:	#697c93;
$color-lavender-gray:	#bdc9d8;
$color-japanese-indigo:	#2a3f52;

@color-old-gold:	#d3b74a;
@color-flax:	#e5d494;
@color-maastricht-blue:	#0a1f38;
@color-slate-gray:	#697c93;
@color-lavender-gray:	#bdc9d8;
@color-japanese-indigo:	#2a3f52;