Creato a 09/18/2021 08:50
  0.14k

Vector ui web app hex colors

  • #5c8cb9
  • #b4e4f6
  • #2d3a63
  • #657998
  • #97aac7
  • #415176
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #5c8cb9 e #b4e4f6. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #2D3A63 (più scuro) a #B4E4F6 (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): #2D3A63, #415176, #5C8CB9, #657998, #97AAC7, #B4E4F6

La tavolozza Vector ui web app hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #5c8cb9, RGB: (92, 140, 185); ESADECIMALE: #b4e4f6, RGB: (180, 228, 246); ESADECIMALE: #2d3a63, RGB: (45, 58, 99)
ESADECIMALE: #657998, RGB: (101, 121, 152); ESADECIMALE: #97aac7, RGB: (151, 170, 199); ESADECIMALE: #415176, RGB: (65, 81, 118)
Versione semplificata della tavolozza dei colori
Ombra di steelblue, Ombra di lightblue, Tonalità di darkslateblue, Tonalità di slategrey, Tonalità di lightsteelblue, Ombra di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Vector ui web app hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#5c8cb9 #5c8cb9 RGB(92, 140, 185)
#b4e4f6 #b4e4f6 RGB(180, 228, 246)
#2d3a63 #2d3a63 RGB(45, 58, 99)
#657998 #657998 RGB(101, 121, 152)
#97aac7 #97aac7 RGB(151, 170, 199)
#415176 #415176 RGB(65, 81, 118)

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
#5c8cb9
#657998
1.24
#5c8cb9
#97aac7
1.5
#b4e4f6
#97aac7
1.72
#2d3a63
#415176
1.4
#657998
#97aac7
1.87
#657998
#415176
1.78

Tavolozza immagini Vector ui web app hex colors png

Loading...
Loading...