Login page ui sign up app colors

  • Orange-Yellow (Crayola)
    #f5cc6c
  • Medium Spring Bud
    #d8e28f
  • Palm Leaf
    #7c9044
  • Blue Yonder
    #4a6eac
  • Light Steel Blue
    #a8bbd8
  • Charcoal
    #3c3c54
  0.17k
Creato il 03/01/2022 20:52
La tavolozza è composta da Chiaro, Semi scuro colori. Colori d'accento Orange-Yellow (Crayola) #f5cc6c e Blue Yonder #4a6eac. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #3C3C54 (più scuro) a #D8E28F (più chiaro). L’intervallo di luminosità è moderato.

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

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

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

Codici HEX (ordinati): #3C3C54, #4A6EAC, #7C9044, #A8BBD8, #D8E28F, #F5CC6C

La tavolozza Login page ui sign up app colors combina 6 codici colore:
HEX: #f5cc6c, RGB: (245, 204, 108); HEX: #d8e28f, RGB: (216, 226, 143); HEX: #7c9044, RGB: (124, 144, 68)
HEX: #4a6eac, RGB: (74, 110, 172); HEX: #a8bbd8, RGB: (168, 187, 216); HEX: #3c3c54, RGB: (60, 60, 84)
Versione semplificata della tavolozza dei colori
Tinta di Oro, Sfumatura di Cachi, Tinta di Verde oliva opaco, Sfumatura di Blu reale, Sfumatura di Blu acciaio chiaro, Sfumatura di Blu ardesia scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Login page ui sign up app colors codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#f5cc6c#f5cc6cRGB(245, 204, 108)Orange-Yellow (Crayola)—
#d8e28f#d8e28fRGB(216, 226, 143)Medium Spring Bud—
#7c9044#7c9044RGB(124, 144, 68)Palm Leaf—
#4a6eac#4a6eacRGB(74, 110, 172)Blue Yonder—
#a8bbd8#a8bbd8RGB(168, 187, 216)Light Steel Blue—
#3c3c54#3c3c54RGB(60, 60, 84)Charcoal—

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 testoColore di sfondoRapporto di contrasto
#f5cc6c
#d8e28f
1.1
#f5cc6c
#a8bbd8
1.27
#d8e28f
#a8bbd8
1.41
#7c9044
#4a6eac
1.44
#7c9044
#a8bbd8
1.81

Tavolozza immagini Login page ui sign up app colors png