Illustration font awesome display logo hex colors

#8048be
#a46ce4
#34148c
#547ca8
#cec0a8
#4c3c24

La tavolozza è composta da Semi scuro, Leggero, Buio colori. Colori accentati #34148c e #4c3c24. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #4C3C24 (più scuro) a #CEC0A8 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

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

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #34148C, #4C3C24, #547CA8, #8048BE, #A46CE4, #CEC0A8

La tavolozza Illustration font awesome display logo hex colors ha una combinazione di colori dei codici 6:

ESADECIMALE: #8048be, RGB: (128, 72, 190); ESADECIMALE: #a46ce4, RGB: (164, 108, 228); ESADECIMALE: #34148c, RGB: (52, 20, 140)

ESADECIMALE: #547ca8, RGB: (84, 124, 168); ESADECIMALE: #cec0a8, RGB: (206, 192, 168); ESADECIMALE: #4c3c24, RGB: (76, 60, 36)

Versione semplificata della tavolozza dei colori

Ombra di darkorchid, Ombra di mediumpurple, Ombra di darkblue, Tonalità di steelblue, Ombra di tan, Tonalità di saddlebrown

La combinazione di colori è stata creata da colorswall

Altre tavolozze con:

Codici colori nella tavolozza

Illustration font awesome display logo hex colors codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#8048be	#8048be	RGB(128, 72, 190)	—	—
#a46ce4	#a46ce4	RGB(164, 108, 228)	—	—
#34148c	#34148c	RGB(52, 20, 140)	—	—
#547ca8	#547ca8	RGB(84, 124, 168)	—	—
#cec0a8	#cec0a8	RGB(206, 192, 168)	—	—
#4c3c24	#4c3c24	RGB(76, 60, 36)	—	—

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
#8048be	#a46ce4	1.62
#8048be	#547ca8	1.34
#8048be	#4c3c24	1.81
#a46ce4	#547ca8	1.21
#34148c	#4c3c24	1.21

--color-1:	#8048be;
--color-2:	#a46ce4;
--color-3:	#34148c;
--color-4:	#547ca8;
--color-5:	#cec0a8;
--color-6:	#4c3c24;

$color-1:	#8048be;
$color-2:	#a46ce4;
$color-3:	#34148c;
$color-4:	#547ca8;
$color-5:	#cec0a8;
$color-6:	#4c3c24;

@color-1:	#8048be;
@color-2:	#a46ce4;
@color-3:	#34148c;
@color-4:	#547ca8;
@color-5:	#cec0a8;
@color-6:	#4c3c24;

Illustration font awesome display logo hex colors

Codici colori nella tavolozza

Contrasto della palette di colori

Tavolozza immagini Illustration font awesome display logo hex colors png