Cloud Cost Monitoring Toolkit

Cost Trend Red
#ff6961
Savings Aqua
#a2f6e7
Usage Graphite
#4d4d4d
Estimate Cream
#fffaf0
Budget Blue
#76b6ea

La tavolozza è composta da Leggero colori. Colori accentati Savings Aqua #a2f6e7 e Estimate Cream #fffaf0. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #4D4D4D (più scuro) a #FFFAF0 (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): #4D4D4D, #76B6EA, #A2F6E7, #FF6961, #FFFAF0

La tavolozza Cloud Cost Monitoring Toolkit ha una combinazione di colori dei codici 5:

ESADECIMALE: #ff6961, RGB: (255, 105, 97); ESADECIMALE: #a2f6e7, RGB: (162, 246, 231); ESADECIMALE: #4d4d4d, RGB: (77, 77, 77)

ESADECIMALE: #fffaf0, RGB: (255, 250, 240); ESADECIMALE: #76b6ea, RGB: (118, 182, 234)

Versione semplificata della tavolozza dei colori

Tonalità di salmon, Ombra di paleturquoise, Tonalità di dimgrey, Tonalità di lightskyblue

La combinazione di colori è stata creata da colorslib

Altre tavolozze con:

Codici colori nella tavolozza

Cloud Cost Monitoring Toolkit codici colore HEX, informazioni RGB in tabella

Colore	ESADECIMALE	RGB	Nome	Nome alternativo
#ff6961	#ff6961	RGB(255, 105, 97)	Cost Trend Red	Pastel Red
#a2f6e7	#a2f6e7	RGB(162, 246, 231)	Savings Aqua	—
#4d4d4d	#4d4d4d	RGB(77, 77, 77)	Usage Graphite	Gray30
#fffaf0	#fffaf0	RGB(255, 250, 240)	Estimate Cream	Floral White
#76b6ea	#76b6ea	RGB(118, 182, 234)	Budget Blue	—

Contrasto della palette di colori

3 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
#ff6961	#76b6ea	1.29
#a2f6e7	#fffaf0	1.19
#a2f6e7	#76b6ea	1.74

Tavolozza immagini Cloud Cost Monitoring Toolkit png

--color-cost-trend-red:	#ff6961;
--color-savings-aqua:	#a2f6e7;
--color-usage-graphite:	#4d4d4d;
--color-estimate-cream:	#fffaf0;
--color-budget-blue:	#76b6ea;

$color-cost-trend-red:	#ff6961;
$color-savings-aqua:	#a2f6e7;
$color-usage-graphite:	#4d4d4d;
$color-estimate-cream:	#fffaf0;
$color-budget-blue:	#76b6ea;

@color-cost-trend-red:	#ff6961;
@color-savings-aqua:	#a2f6e7;
@color-usage-graphite:	#4d4d4d;
@color-estimate-cream:	#fffaf0;
@color-budget-blue:	#76b6ea;