Creato a 09/12/2021 19:23
  0.18k

Vaccine ui ux mobile app hex colors

  • #245cb4
  • #b6dff3
  • #245cac
  • #8c4c7c
  • #bcd6d4
  • #2c3c42
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati #245cb4 e #b6dff3. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #2C3C42 (più scuro) a #B6DFF3 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #245CAC, #245CB4, #2C3C42, #8C4C7C, #B6DFF3, #BCD6D4

La tavolozza Vaccine ui ux mobile app hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #245cb4, RGB: (36, 92, 180); ESADECIMALE: #b6dff3, RGB: (182, 223, 243); ESADECIMALE: #245cac, RGB: (36, 92, 172)
ESADECIMALE: #8c4c7c, RGB: (140, 76, 124); ESADECIMALE: #bcd6d4, RGB: (188, 214, 212); ESADECIMALE: #2c3c42, RGB: (44, 60, 66)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di lightblue, Tonalità di royalblue, Ombra di mediumvioletred, Tonalità di powderblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Vaccine ui ux mobile app hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#245cb4 #245cb4 RGB(36, 92, 180)
#b6dff3 #b6dff3 RGB(182, 223, 243)
#245cac #245cac RGB(36, 92, 172)
#8c4c7c #8c4c7c RGB(140, 76, 124)
#bcd6d4 #bcd6d4 RGB(188, 214, 212)
#2c3c42 #2c3c42 RGB(44, 60, 66)

Contrasto della palette di colori

7 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
#245cb4
#245cac
1.01
#245cb4
#8c4c7c
1.05
#245cb4
#2c3c42
1.78
#b6dff3
#bcd6d4
1.08
#245cac
#8c4c7c
1.07
#245cac
#2c3c42
1.74

Tavolozza immagini Vaccine ui ux mobile app hex colors png

Loading...
Loading...