Creato a 12/27/2019 12:32
  0.24k

Car application ui navigation

  • #0494bb
  • #fc6c86
  • #21a29e
  • #6eae8b
  • #ccc9a9
  • #4c4c5c
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #0494bb e #fc6c86. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #4C4C5C (più scuro) a #CCC9A9 (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): #0494BB, #21A29E, #4C4C5C, #6EAE8B, #CCC9A9, #FC6C86

La tavolozza Car application ui navigation ha una combinazione di colori dei codici 6:
ESADECIMALE: #0494bb, RGB: (4, 148, 187); ESADECIMALE: #fc6c86, RGB: (252, 108, 134); ESADECIMALE: #21a29e, RGB: (33, 162, 158)
ESADECIMALE: #6eae8b, RGB: (110, 174, 139); ESADECIMALE: #ccc9a9, RGB: (204, 201, 169); ESADECIMALE: #4c4c5c, RGB: (76, 76, 92)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di lightcoral, Tonalità di lightseagreen, Tonalità di darkseagreen, Tonalità di wheat, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Car application ui navigation codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0494bb #0494bb RGB(4, 148, 187)
#fc6c86 #fc6c86 RGB(252, 108, 134)
#21a29e #21a29e RGB(33, 162, 158)
#6eae8b #6eae8b RGB(110, 174, 139)
#ccc9a9 #ccc9a9 RGB(204, 201, 169)
#4c4c5c #4c4c5c RGB(76, 76, 92)

Contrasto della palette di colori

9 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
#0494bb
#fc6c86
1.28
#0494bb
#21a29e
1.12
#0494bb
#6eae8b
1.35
#fc6c86
#21a29e
1.13
#fc6c86
#6eae8b
1.06
#fc6c86
#ccc9a9
1.63

Tavolozza immagini Car application ui navigation png

Loading...
Loading...