Creato a 02/07/2021 18:16
  0.18k

Illustration ui app design

  • #df7d40
  • #f0bf87
  • #408c90
  • #63a19c
  • #cfd8ac
  • #304434
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #f0bf87 e #408c90. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #304434 (più scuro) a #CFD8AC (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): #304434, #408C90, #63A19C, #CFD8AC, #DF7D40, #F0BF87

La tavolozza Illustration ui app design ha una combinazione di colori dei codici 6:
ESADECIMALE: #df7d40, RGB: (223, 125, 64); ESADECIMALE: #f0bf87, RGB: (240, 191, 135); ESADECIMALE: #408c90, RGB: (64, 140, 144)
ESADECIMALE: #63a19c, RGB: (99, 161, 156); ESADECIMALE: #cfd8ac, RGB: (207, 216, 172); ESADECIMALE: #304434, RGB: (48, 68, 52)
Versione semplificata della tavolozza dei colori
Ombra di chocolate, Ombra di burlywood, Ombra di darkcyan, Ombra di cadetblue, Tonalità di palegoldenrod, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Illustration ui app design codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#df7d40 #df7d40 RGB(223, 125, 64)
#f0bf87 #f0bf87 RGB(240, 191, 135)
#408c90 #408c90 RGB(64, 140, 144)
#63a19c #63a19c RGB(99, 161, 156)
#cfd8ac #cfd8ac RGB(207, 216, 172)
#304434 #304434 RGB(48, 68, 52)

Contrasto della palette di colori

8 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
#df7d40
#f0bf87
1.75
#df7d40
#408c90
1.33
#df7d40
#63a19c
1
#df7d40
#cfd8ac
1.96
#f0bf87
#63a19c
1.75
#f0bf87
#cfd8ac
1.12

Tavolozza immagini Illustration ui app design png

Loading...
Loading...