Loading...
Creato a 03/17/2023 08:30
  59

App web design landing mobile website

  • Electric Brown
    #b46f5a
  • Azureish White
    #d6e6f4
  • Liver (Organ)
    #643320
  • Rhythm
    #7d7d9c
  • Ceil
    #97a6c7
  • Arsenic
    #43414c
Loading...
La tavolozza è composta da Leggero colori. Colori accentati Azureish White #d6e6f4 e Liver (Organ) #643320. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #643320 (più scuro) a #D6E6F4 (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): #43414C, #643320, #7D7D9C, #97A6C7, #B46F5A, #D6E6F4

La tavolozza App web design landing mobile website ha una combinazione di colori dei codici 6:
ESADECIMALE: #b46f5a, RGB: (180, 111, 90); ESADECIMALE: #d6e6f4, RGB: (214, 230, 244); ESADECIMALE: #643320, RGB: (100, 51, 32)
ESADECIMALE: #7d7d9c, RGB: (125, 125, 156); ESADECIMALE: #97a6c7, RGB: (151, 166, 199); ESADECIMALE: #43414c, RGB: (67, 65, 76)
Versione semplificata della tavolozza dei colori
Ombra di indianred, Tonalità di aliceblue, Ombra di Marrone, Ombra di slategrey, Tonalità di lightsteelblue, Tonalità di dimgrey
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

App web design landing mobile website codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#b46f5a #b46f5a RGB(180, 111, 90)Electric Brown
#d6e6f4 #d6e6f4 RGB(214, 230, 244)Azureish White
#643320 #643320 RGB(100, 51, 32)Liver (Organ)
#7d7d9c #7d7d9c RGB(125, 125, 156)Rhythm
#97a6c7 #97a6c7 RGB(151, 166, 199)Ceil
#43414c #43414c RGB(67, 65, 76)Arsenic

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
#b46f5a
#7d7d9c
1.01
#b46f5a
#97a6c7
1.6
#d6e6f4
#97a6c7
1.91
#643320
#43414c
1.03
#7d7d9c
#97a6c7
1.62

Tavolozza immagini App web design landing mobile website png

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