Loading...
Creato a 04/08/2022 11:02
  0.14k

Ui website typography landing colours

  • Verdigris
    #4db1aa
  • Middle Blue Green
    #96d1cd
  • Dark Slate Gray
    #285c58
  • Café Au Lait
    #a8845c
  • Ecru
    #bea886
  • Gunmetal
    #243434
Loading...
La tavolozza è composta da Leggero, Semi scuro, Buio colori. Colori accentati Dark Slate Gray #285c58 e Café Au Lait #a8845c. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #243434 (più scuro) a #96D1CD (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): #243434, #285C58, #4DB1AA, #96D1CD, #A8845C, #BEA886

La tavolozza Ui website typography landing colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #4db1aa, RGB: (77, 177, 170); ESADECIMALE: #96d1cd, RGB: (150, 209, 205); ESADECIMALE: #285c58, RGB: (40, 92, 88)
ESADECIMALE: #a8845c, RGB: (168, 132, 92); ESADECIMALE: #bea886, RGB: (190, 168, 134); ESADECIMALE: #243434, RGB: (36, 52, 52)
Versione semplificata della tavolozza dei colori
Ombra di lightseagreen, Tonalità di paleturquoise, Ombra di darkslategrey, Tonalità di peru, Tonalità di tan, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui website typography landing colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#4db1aa #4db1aa RGB(77, 177, 170)Verdigris
#96d1cd #96d1cd RGB(150, 209, 205)Middle Blue Green
#285c58 #285c58 RGB(40, 92, 88)Dark Slate Gray
#a8845c #a8845c RGB(168, 132, 92)Café Au Lait
#bea886 #bea886 RGB(190, 168, 134)Ecru
#243434 #243434 RGB(36, 52, 52)Gunmetal

Contrasto della palette di colori

6 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
#4db1aa
#96d1cd
1.5
#4db1aa
#a8845c
1.33
#4db1aa
#bea886
1.11
#96d1cd
#bea886
1.34
#285c58
#243434
1.7
#a8845c
#bea886
1.49

Tavolozza immagini Ui website typography landing colours png

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