Websitecompany website uxui illustration colours

#c48c1d
#d1f79b
#631d17
#ad7c5a
#d2c797
#3a5e61

La tavolozza è composta da Leggero, Buio, Semi scuro colori. Colori accentati #c48c1d e #d1f79b. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #631D17 (più scuro) a #D1F79B (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — 1 smorzati e 3 vivaci su 6 colori.

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al caldo (5 su 6).

Codici HEX (ordinati): #3A5E61, #631D17, #AD7C5A, #C48C1D, #D1F79B, #D2C797

La tavolozza Websitecompany website uxui illustration colours ha una combinazione di colori dei codici 6:

ESADECIMALE: #c48c1d, RGB: (196, 140, 29); ESADECIMALE: #d1f79b, RGB: (209, 247, 155); ESADECIMALE: #631d17, RGB: (99, 29, 23)

ESADECIMALE: #ad7c5a, RGB: (173, 124, 90); ESADECIMALE: #d2c797, RGB: (210, 199, 151); ESADECIMALE: #3a5e61, RGB: (58, 94, 97)

Versione semplificata della tavolozza dei colori

Ombra di darkgoldenrod, Ombra di palegreen, Ombra di Marrone, Tonalità di peru, Tonalità di palegoldenrod, Ombra di darkslategrey

La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Websitecompany website uxui illustration colours codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#c48c1d	#c48c1d	RGB(196, 140, 29)	—	—
#d1f79b	#d1f79b	RGB(209, 247, 155)	—	—
#631d17	#631d17	RGB(99, 29, 23)	—	—
#ad7c5a	#ad7c5a	RGB(173, 124, 90)	—	—
#d2c797	#d2c797	RGB(210, 199, 151)	—	—
#3a5e61	#3a5e61	RGB(58, 94, 97)	—	—

Contrasto della palette di colori

5 coppie di colori hanno un basso contrasto e necessitano di miglioramenti, il che può influire sulla leggibilità.

Colore del testo	Colore di sfondo	Rapporto di contrasto
#c48c1d	#ad7c5a	1.22
#c48c1d	#d2c797	1.73
#d1f79b	#d2c797	1.41
#631d17	#3a5e61	1.71
#ad7c5a	#3a5e61	1.96

Tavolozza immagini Websitecompany website uxui illustration colours png

Websitecompany website uxui illustration colours - #176190

--color-1:	#c48c1d;
--color-2:	#d1f79b;
--color-3:	#631d17;
--color-4:	#ad7c5a;
--color-5:	#d2c797;
--color-6:	#3a5e61;

$color-1:	#c48c1d;
$color-2:	#d1f79b;
$color-3:	#631d17;
$color-4:	#ad7c5a;
$color-5:	#d2c797;
$color-6:	#3a5e61;

@color-1:	#c48c1d;
@color-2:	#d1f79b;
@color-3:	#631d17;
@color-4:	#ad7c5a;
@color-5:	#d2c797;
@color-6:	#3a5e61;