Creato a 06/23/2021 18:48
  0.16k

Exercise website design diet

  • #0498df
  • #daf3ca
  • #0983cc
  • #ae8261
  • #c8d4ac
  • #405e68
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #0498df e #ae8261. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #405E68 (più scuro) a #DAF3CA (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): #0498DF, #0983CC, #405E68, #AE8261, #C8D4AC, #DAF3CA

La tavolozza Exercise website design diet ha una combinazione di colori dei codici 6:
ESADECIMALE: #0498df, RGB: (4, 152, 223); ESADECIMALE: #daf3ca, RGB: (218, 243, 202); ESADECIMALE: #0983cc, RGB: (9, 131, 204)
ESADECIMALE: #ae8261, RGB: (174, 130, 97); ESADECIMALE: #c8d4ac, RGB: (200, 212, 172); ESADECIMALE: #405e68, RGB: (64, 94, 104)
Versione semplificata della tavolozza dei colori
Tonalità di dodgerblue, Tonalità di lightgoldenrodyellow, Tonalità di steelblue, Tonalità di peru, Tonalità di palegoldenrod, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Exercise website design diet codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0498df #0498df RGB(4, 152, 223)
#daf3ca #daf3ca RGB(218, 243, 202)
#0983cc #0983cc RGB(9, 131, 204)
#ae8261 #ae8261 RGB(174, 130, 97)
#c8d4ac #c8d4ac RGB(200, 212, 172)
#405e68 #405e68 RGB(64, 94, 104)

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
#0498df
#0983cc
1.27
#0498df
#ae8261
1.06
#daf3ca
#c8d4ac
1.31
#0983cc
#ae8261
1.2
#0983cc
#405e68
1.69

Tavolozza immagini Exercise website design diet png

Loading...
Loading...