Design branding concept ui hex colors

  • #486bb3
  • #a4c1e3
  • #3a5ba4
  • #4a5f8a
  • #969c9c
  • #404249
  0.17k
Creato il 03/07/2020 20:21
La tavolozza è composta da Semi scuro, Chiaro colori. Colori d'accento #a4c1e3 e #3a5ba4. La tavolozza ha la temperatura del colore Freddo, Neutro.

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

Saturazione mista — 2 smorzati e 1 vivaci su 6 colori.

Una palette analoga: le sue tonalità sono vicine sulla ruota dei colori, entro circa 9°.

Complessivamente la temperatura tende al freddo (4 su 6).

Codici HEX (ordinati): #3A5BA4, #404249, #486BB3, #4A5F8A, #969C9C, #A4C1E3

La tavolozza Design branding concept ui hex colors combina 6 codici colore:
HEX: #486bb3, RGB: (72, 107, 179); HEX: #a4c1e3, RGB: (164, 193, 227); HEX: #3a5ba4, RGB: (58, 91, 164)
HEX: #4a5f8a, RGB: (74, 95, 138); HEX: #969c9c, RGB: (150, 156, 156); HEX: #404249, RGB: (64, 66, 73)
Versione semplificata della tavolozza dei colori
Sfumatura di Blu reale, Sfumatura di Blu acciaio chiaro, Sfumatura di Blu reale, Sfumatura di Blu reale, Sfumatura di Grigio scuro, Sfumatura di Grigio tenue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Design branding concept ui hex colors codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#486bb3#486bb3RGB(72, 107, 179)——
#a4c1e3#a4c1e3RGB(164, 193, 227)——
#3a5ba4#3a5ba4RGB(58, 91, 164)——
#4a5f8a#4a5f8aRGB(74, 95, 138)——
#969c9c#969c9cRGB(150, 156, 156)——
#404249#404249RGB(64, 66, 73)——

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 testoColore di sfondoRapporto di contrasto
#486bb3
#3a5ba4
1.25
#486bb3
#4a5f8a
1.22
#486bb3
#969c9c
1.86
#486bb3
#404249
1.92
#a4c1e3
#969c9c
1.5
#3a5ba4
#4a5f8a
1.02

Tavolozza immagini Design branding concept ui hex colors png