Component-Based Design Stack

Atomic Violet
#a992ff
Reusable Cream
#fffaf1
System Slate
#3a3d46
Token Blush
#fdbacb
Layered Teal
#00c4b4
Pattern Gray
#c4c6cf

La tavolozza è composta da Leggero colori. Colori accentati Atomic Violet #a992ff e Reusable Cream #fffaf1. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #3A3D46 (più scuro) a #FFFAF1 (più chiaro). L’intervallo di luminosità è ampio.

La saturazione complessiva risulta vivida (croma alto).

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): #00C4B4, #3A3D46, #A992FF, #C4C6CF, #FDBACB, #FFFAF1

La tavolozza Component-Based Design Stack ha una combinazione di colori dei codici 6:

ESADECIMALE: #a992ff, RGB: (169, 146, 255); ESADECIMALE: #fffaf1, RGB: (255, 250, 241); ESADECIMALE: #3a3d46, RGB: (58, 61, 70)

ESADECIMALE: #fdbacb, RGB: (253, 186, 203); ESADECIMALE: #00c4b4, RGB: (0, 196, 180); ESADECIMALE: #c4c6cf, RGB: (196, 198, 207)

Versione semplificata della tavolozza dei colori

Ombra di mediumpurple, Ombra di floralwhite, Tonalità di darkslategrey, Tonalità di Rosa, Ombra di lightseagreen, Ombra di Argento

La combinazione di colori è stata creata da colorhunt

Altre tavolozze con:

Codici colori nella tavolozza

Component-Based Design Stack codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#a992ff	#a992ff	RGB(169, 146, 255)	Atomic Violet	—
#fffaf1	#fffaf1	RGB(255, 250, 241)	Reusable Cream	—
#3a3d46	#3a3d46	RGB(58, 61, 70)	System Slate	—
#fdbacb	#fdbacb	RGB(253, 186, 203)	Token Blush	—
#00c4b4	#00c4b4	RGB(0, 196, 180)	Layered Teal	—
#c4c6cf	#c4c6cf	RGB(196, 198, 207)	Pattern Gray	—

Contrasto della palette di colori

8 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
#a992ff	#fdbacb	1.58
#a992ff	#00c4b4	1.15
#a992ff	#c4c6cf	1.49
#fffaf1	#fdbacb	1.54
#fffaf1	#c4c6cf	1.63
#fdbacb	#00c4b4	1.36

Tavolozza immagini Component-Based Design Stack png

--color-atomic-violet:	#a992ff;
--color-reusable-cream:	#fffaf1;
--color-system-slate:	#3a3d46;
--color-token-blush:	#fdbacb;
--color-layered-teal:	#00c4b4;
--color-pattern-gray:	#c4c6cf;

$color-atomic-violet:	#a992ff;
$color-reusable-cream:	#fffaf1;
$color-system-slate:	#3a3d46;
$color-token-blush:	#fdbacb;
$color-layered-teal:	#00c4b4;
$color-pattern-gray:	#c4c6cf;

@color-atomic-violet:	#a992ff;
@color-reusable-cream:	#fffaf1;
@color-system-slate:	#3a3d46;
@color-token-blush:	#fdbacb;
@color-layered-teal:	#00c4b4;
@color-pattern-gray:	#c4c6cf;