Loading...
Creato a 05/23/2022 14:58
  0.11k

Landingpage ui website design colors

  • Rackley
    #5787af
  • Crystal
    #abdcdc
  • Space Cadet
    #1d3454
  • Wintergreen Dream
    #509874
  • Silver Pink
    #cfadaf
  • Liver Chestnut (Horses)
    #5e423e
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati Space Cadet #1d3454 e Silver Pink #cfadaf. La tavolozza ha la temperatura del colore Freddo, Neutro, Caldo.

Per luminosità, la tavolozza va da #1D3454 (più scuro) a #ABDCDC (più chiaro). L’intervallo di luminosità è moderato.

La saturazione è in una fascia media.

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): #1D3454, #509874, #5787AF, #5E423E, #ABDCDC, #CFADAF

La tavolozza Landingpage ui website design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #5787af, RGB: (87, 135, 175); ESADECIMALE: #abdcdc, RGB: (171, 220, 220); ESADECIMALE: #1d3454, RGB: (29, 52, 84)
ESADECIMALE: #509874, RGB: (80, 152, 116); ESADECIMALE: #cfadaf, RGB: (207, 173, 175); ESADECIMALE: #5e423e, RGB: (94, 66, 62)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Tonalità di powderblue, Ombra di midnightblue, Ombra di seashell, Ombra di rosybrown, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Landingpage ui website design colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5787af #5787af RGB(87, 135, 175)Rackley
#abdcdc #abdcdc RGB(171, 220, 220)Crystal
#1d3454 #1d3454 RGB(29, 52, 84)Space Cadet
#509874 #509874 RGB(80, 152, 116)Wintergreen Dream
#cfadaf #cfadaf RGB(207, 173, 175)Silver Pink
#5e423e #5e423e RGB(94, 66, 62)Liver Chestnut (Horses)

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
#5787af
#509874
1.1
#5787af
#cfadaf
1.86
#abdcdc
#cfadaf
1.36
#1d3454
#5e423e
1.39
#509874
#cfadaf
1.68

Tavolozza immagini Landingpage ui website design colors png

Loading...
Loading...
Loading...