Loading...
Creato a 03/03/2023 21:27
  55

Application mobile interface ui design palette

  • Brandeis Blue
    #0b67f5
  • Jordy Blue
    #8fbbef
  • Indigo (Rainbow)
    #223d5d
  • Blue Yonder
    #5b76a7
  • Pastel Blue
    #aec0c8
  • Metallic Blue
    #365c7a
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Brandeis Blue #0b67f5 e Jordy Blue #8fbbef. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #223D5D (più scuro) a #8FBBEF (più chiaro). L’intervallo di luminosità è moderato.

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): #0B67F5, #223D5D, #365C7A, #5B76A7, #8FBBEF, #AEC0C8

La tavolozza Application mobile interface ui design palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #0b67f5, RGB: (11, 103, 245); ESADECIMALE: #8fbbef, RGB: (143, 187, 239); ESADECIMALE: #223d5d, RGB: (34, 61, 93)
ESADECIMALE: #5b76a7, RGB: (91, 118, 167); ESADECIMALE: #aec0c8, RGB: (174, 192, 200); ESADECIMALE: #365c7a, RGB: (54, 92, 122)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di lightskyblue, Tonalità di darkslateblue, Tonalità di steelblue, Tonalità di lightblue, Tonalità di royalblue
La combinazione di colori è stata creata da hex

Codici colori nella tavolozza

Application mobile interface ui design palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#0b67f5 #0b67f5 RGB(11, 103, 245)Brandeis Blue
#8fbbef #8fbbef RGB(143, 187, 239)Jordy Blue
#223d5d #223d5d RGB(34, 61, 93)Indigo (Rainbow)
#5b76a7 #5b76a7 RGB(91, 118, 167)Blue Yonder
#aec0c8 #aec0c8 RGB(174, 192, 200)Pastel Blue
#365c7a #365c7a RGB(54, 92, 122)Metallic Blue

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
#0b67f5
#5b76a7
1.07
#0b67f5
#365c7a
1.43
#8fbbef
#aec0c8
1.06
#223d5d
#365c7a
1.56
#5b76a7
#365c7a
1.54

Tavolozza immagini Application mobile interface ui design palette png

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