Creato a 04/27/2021 17:06
  0.24k

Ui typography website design hex colors

  • #3b88c3
  • #abc5ea
  • #1c405c
  • #627997
  • #a4b4ca
  • #2a3c5a
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #3b88c3 e #abc5ea. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #1C405C (più scuro) a #ABC5EA (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): #1C405C, #2A3C5A, #3B88C3, #627997, #A4B4CA, #ABC5EA

La tavolozza Ui typography website design hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #3b88c3, RGB: (59, 136, 195); ESADECIMALE: #abc5ea, RGB: (171, 197, 234); ESADECIMALE: #1c405c, RGB: (28, 64, 92)
ESADECIMALE: #627997, RGB: (98, 121, 151); ESADECIMALE: #a4b4ca, RGB: (164, 180, 202); ESADECIMALE: #2a3c5a, RGB: (42, 60, 90)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Ombra di lightsteelblue, Tonalità di darkslateblue, Tonalità di slategrey, Tonalità di lightsteelblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui typography website design hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3b88c3 #3b88c3 RGB(59, 136, 195)
#abc5ea #abc5ea RGB(171, 197, 234)
#1c405c #1c405c RGB(28, 64, 92)
#627997 #627997 RGB(98, 121, 151)
#a4b4ca #a4b4ca RGB(164, 180, 202)
#2a3c5a #2a3c5a RGB(42, 60, 90)

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
#3b88c3
#627997
1.16
#3b88c3
#a4b4ca
1.81
#abc5ea
#a4b4ca
1.19
#1c405c
#2a3c5a
1.02

Tavolozza immagini Ui typography website design hex colors png

Loading...
Loading...