Seafoam Reactive Grid

Primary Teal
#3eb3a7
Secondary Mint
#a2ded0
Accent Yellow
#ffd166
Background Ice
#f9fcfb
Surface Pale Mint
#e3f5ef
Text Slate
#1d2c2e

La tavolozza è composta da Leggero, Buio colori. Colori accentati Primary Teal #3eb3a7 e Accent Yellow #ffd166. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #1D2C2E (più scuro) a #F9FCFB (più chiaro). L’intervallo di luminosità è ampio.

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): #1D2C2E, #3EB3A7, #A2DED0, #E3F5EF, #F9FCFB, #FFD166

La tavolozza Seafoam Reactive Grid ha una combinazione di colori dei codici 6:

ESADECIMALE: #3eb3a7, RGB: (62, 179, 167); ESADECIMALE: #a2ded0, RGB: (162, 222, 208); ESADECIMALE: #ffd166, RGB: (255, 209, 102)

ESADECIMALE: #f9fcfb, RGB: (249, 252, 251); ESADECIMALE: #e3f5ef, RGB: (227, 245, 239); ESADECIMALE: #1d2c2e, RGB: (29, 44, 46)

Versione semplificata della tavolozza dei colori

Ombra di lightseagreen, Tonalità di paleturquoise, Ombra di gold, Tonalità di Bianco, Tonalità di mintcream, Tonalità di darkslategrey

La combinazione di colori è stata creata da raccoon

Altre tavolozze con:

Codici colori nella tavolozza

Seafoam Reactive Grid codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#3eb3a7	#3eb3a7	RGB(62, 179, 167)	Primary Teal	—
#a2ded0	#a2ded0	RGB(162, 222, 208)	Secondary Mint	—
#ffd166	#ffd166	RGB(255, 209, 102)	Accent Yellow	—
#f9fcfb	#f9fcfb	RGB(249, 252, 251)	Background Ice	—
#e3f5ef	#e3f5ef	RGB(227, 245, 239)	Surface Pale Mint	—
#1d2c2e	#1d2c2e	RGB(29, 44, 46)	Text Slate	—

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
#3eb3a7	#a2ded0	1.69
#3eb3a7	#ffd166	1.77
#a2ded0	#ffd166	1.04
#a2ded0	#f9fcfb	1.46
#a2ded0	#e3f5ef	1.33
#ffd166	#f9fcfb	1.39

Tavolozza immagini Seafoam Reactive Grid png

--color-primary-teal:	#3eb3a7;
--color-secondary-mint:	#a2ded0;
--color-accent-yellow:	#ffd166;
--color-background-ice:	#f9fcfb;
--color-surface-pale-mint:	#e3f5ef;
--color-text-slate:	#1d2c2e;

$color-primary-teal:	#3eb3a7;
$color-secondary-mint:	#a2ded0;
$color-accent-yellow:	#ffd166;
$color-background-ice:	#f9fcfb;
$color-surface-pale-mint:	#e3f5ef;
$color-text-slate:	#1d2c2e;

@color-primary-teal:	#3eb3a7;
@color-secondary-mint:	#a2ded0;
@color-accent-yellow:	#ffd166;
@color-background-ice:	#f9fcfb;
@color-surface-pale-mint:	#e3f5ef;
@color-text-slate:	#1d2c2e;