Creato a 05/28/2021 14:08
  0.21k

Login screen design onboarding ui

  • #b75760
  • #d99b66
  • #5c272c
  • #7196a1
  • #cec095
  • #54442b
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #d99b66 e #7196a1. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #54442B (più scuro) a #CEC095 (più chiaro). L’intervallo di luminosità è moderato.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al caldo.

Codici HEX (ordinati): #54442B, #5C272C, #7196A1, #B75760, #CEC095, #D99B66

La tavolozza Login screen design onboarding ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #b75760, RGB: (183, 87, 96); ESADECIMALE: #d99b66, RGB: (217, 155, 102); ESADECIMALE: #5c272c, RGB: (92, 39, 44)
ESADECIMALE: #7196a1, RGB: (113, 150, 161); ESADECIMALE: #cec095, RGB: (206, 192, 149); ESADECIMALE: #54442b, RGB: (84, 68, 43)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Tonalità di sandybrown, Ombra di Marrone, Ombra di cadetblue, Ombra di tan, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Login screen design onboarding ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#b75760 #b75760 RGB(183, 87, 96)
#d99b66 #d99b66 RGB(217, 155, 102)
#5c272c #5c272c RGB(92, 39, 44)
#7196a1 #7196a1 RGB(113, 150, 161)
#cec095 #cec095 RGB(206, 192, 149)
#54442b #54442b RGB(84, 68, 43)

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
#b75760
#d99b66
1.94
#b75760
#7196a1
1.44
#d99b66
#7196a1
1.34
#d99b66
#cec095
1.31
#5c272c
#54442b
1.25
#7196a1
#cec095
1.76

Tavolozza immagini Login screen design onboarding ui png

Loading...
Loading...