Login page ui figma adobe xd hex colors

  • Bleu De France
    #1c8ce2
  • Jordy Blue
    #89c3f0
  • Dark Cerulean
    #104f7f
  • Jelly Bean Blue
    #527992
  • Cadet Blue (Crayola)
    #a4bbc9
  • Onyx
    #36353c
  83
Creato il 04/14/2023 10:28
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Bleu De France #1c8ce2 e Dark Cerulean #104f7f. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #36353C (più scuro) a #89C3F0 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — 2 smorzati e 3 vivaci su 6 colori.

Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 4°.

Complessivamente la temperatura tende al freddo (5 su 6).

Codici HEX (ordinati): #104F7F, #1C8CE2, #36353C, #527992, #89C3F0, #A4BBC9

La tavolozza Login page ui figma adobe xd hex colors combina 6 codici colore:
HEX: #1c8ce2, RGB: (28, 140, 226); HEX: #89c3f0, RGB: (137, 195, 240); HEX: #104f7f, RGB: (16, 79, 127)
HEX: #527992, RGB: (82, 121, 146); HEX: #a4bbc9, RGB: (164, 187, 201); HEX: #36353c, RGB: (54, 53, 60)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu Dodger, Sfumatura di Azzurro cielo chiaro, Sfumatura di Blu ardesia scuro, Sfumatura di Blu acciaio, Sfumatura di Blu acciaio chiaro, Tinta di Nero
La combinazione di colori è stata creata da coolor

Codici colori nella tavolozza

Login page ui figma adobe xd hex colors codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#1c8ce2#1c8ce2RGB(28, 140, 226)Bleu De France—
#89c3f0#89c3f0RGB(137, 195, 240)Jordy Blue—
#104f7f#104f7fRGB(16, 79, 127)Dark Cerulean—
#527992#527992RGB(82, 121, 146)Jelly Bean Blue—
#a4bbc9#a4bbc9RGB(164, 187, 201)Cadet Blue (Crayola)—
#36353c#36353cRGB(54, 53, 60)Onyx—

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 testoColore di sfondoRapporto di contrasto
#1c8ce2
#89c3f0
1.88
#1c8ce2
#527992
1.3
#1c8ce2
#a4bbc9
1.78
#89c3f0
#a4bbc9
1.05
#104f7f
#527992
1.84
#104f7f
#36353c
1.41

Tavolozza immagini Login page ui figma adobe xd hex colors png