Creato a 03/04/2021 15:17
  0.3k

Song dark darkmode product design colors

  • #5464c4
  • #686ad2
  • #1c1c4c
  • #9c5cac
  • #ccccc9
  • #323250
Loading...
La tavolozza è composta da Leggero, Buio colori. Colori accentati #686ad2 e #ccccc9. La tavolozza ha la temperatura del colore Freddo, Neutro.

Per luminosità, la tavolozza va da #1C1C4C (più scuro) a #CCCCC9 (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): #1C1C4C, #323250, #5464C4, #686AD2, #9C5CAC, #CCCCC9

La tavolozza Song dark darkmode product design colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #5464c4, RGB: (84, 100, 196); ESADECIMALE: #686ad2, RGB: (104, 106, 210); ESADECIMALE: #1c1c4c, RGB: (28, 28, 76)
ESADECIMALE: #9c5cac, RGB: (156, 92, 172); ESADECIMALE: #ccccc9, RGB: (204, 204, 201); ESADECIMALE: #323250, RGB: (50, 50, 80)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di slateblue, Tonalità di midnightblue, Tonalità di mediumorchid, Tonalità di lightgrey, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Song dark darkmode product design colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5464c4 #5464c4 RGB(84, 100, 196)
#686ad2 #686ad2 RGB(104, 106, 210)
#1c1c4c #1c1c4c RGB(28, 28, 76)
#9c5cac #9c5cac RGB(156, 92, 172)
#ccccc9 #ccccc9 RGB(204, 204, 201)
#323250 #323250 RGB(50, 50, 80)

Contrasto della palette di colori

4 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
#5464c4
#686ad2
1.14
#5464c4
#9c5cac
1.13
#686ad2
#9c5cac
1
#1c1c4c
#323250
1.29

Tavolozza immagini Song dark darkmode product design colors png

Loading...
Loading...