Creato a 02/26/2023 10:30
  49

Ui product design mobile app brand colors

  • Vista Blue
    #7d8ee2
  • Maximum Blue Purple
    #b2b6ed
  • Indigo (Rainbow)
    #18266c
  • French Lilac
    #8c6499
  • African Violet
    #ad8ec3
  • Jacarta
    #32375a
La tavolozza è composta da Leggero, Buio colori. Colori accentati Vista Blue #7d8ee2 e Indigo (Rainbow) #18266c. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #18266C (più scuro) a #B2B6ED (più chiaro). L’intervallo di luminosità è ampio.

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

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #18266C, #32375A, #7D8EE2, #8C6499, #AD8EC3, #B2B6ED

La tavolozza Ui product design mobile app brand colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #7d8ee2, RGB: (125, 142, 226); ESADECIMALE: #b2b6ed, RGB: (178, 182, 237); ESADECIMALE: #18266c, RGB: (24, 38, 108)
ESADECIMALE: #8c6499, RGB: (140, 100, 153); ESADECIMALE: #ad8ec3, RGB: (173, 142, 195); ESADECIMALE: #32375a, RGB: (50, 55, 90)
Versione semplificata della tavolozza dei colori
Ombra di cornflowerblue, Tonalità di lightsteelblue, Ombra di midnightblue, Tonalità di mediumpurple, Tonalità di plum, Tonalità di darkslateblue
La combinazione di colori è stata creata da bad_colors

Codici colori nella tavolozza

Ui product design mobile app brand colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#7d8ee2 #7d8ee2 RGB(125, 142, 226)Vista Blue
#b2b6ed #b2b6ed RGB(178, 182, 237)Maximum Blue Purple
#18266c #18266c RGB(24, 38, 108)Indigo (Rainbow)
#8c6499 #8c6499 RGB(140, 100, 153)French Lilac
#ad8ec3 #ad8ec3 RGB(173, 142, 195)African Violet
#32375a #32375a RGB(50, 55, 90)Jacarta

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
#7d8ee2
#b2b6ed
1.58
#7d8ee2
#8c6499
1.55
#7d8ee2
#ad8ec3
1.08
#b2b6ed
#ad8ec3
1.45
#18266c
#32375a
1.19
#8c6499
#ad8ec3
1.69

Tavolozza immagini Ui product design mobile app brand colors png