Creato a 12/08/2021 18:40
  0.16k

Design ui website graphic hex colors

  • #cb4167
  • #f47cbc
  • #22365c
  • #647c94
  • #aeaab8
  • #66485d
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati #cb4167 e #f47cbc. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

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

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

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #22365C, #647C94, #66485D, #AEAAB8, #CB4167, #F47CBC

La tavolozza Design ui website graphic hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #cb4167, RGB: (203, 65, 103); ESADECIMALE: #f47cbc, RGB: (244, 124, 188); ESADECIMALE: #22365c, RGB: (34, 54, 92)
ESADECIMALE: #647c94, RGB: (100, 124, 148); ESADECIMALE: #aeaab8, RGB: (174, 170, 184); ESADECIMALE: #66485d, RGB: (102, 72, 93)
Versione semplificata della tavolozza dei colori
Tonalità di indianred, Ombra di hotpink, Tonalità di darkslateblue, Tonalità di slategrey, Ombra di darkgrey, Ombra di Viola
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design ui website graphic hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#cb4167 #cb4167 RGB(203, 65, 103)
#f47cbc #f47cbc RGB(244, 124, 188)
#22365c #22365c RGB(34, 54, 92)
#647c94 #647c94 RGB(100, 124, 148)
#aeaab8 #aeaab8 RGB(174, 170, 184)
#66485d #66485d RGB(102, 72, 93)

Contrasto della palette di colori

8 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
#cb4167
#f47cbc
1.88
#cb4167
#647c94
1.08
#cb4167
#66485d
1.69
#f47cbc
#647c94
1.74
#f47cbc
#aeaab8
1.09
#22365c
#66485d
1.51

Tavolozza immagini Design ui website graphic hex colors png

Loading...
Loading...