Loading...
Creato a 01/25/2021 08:19
  0.15k

Web logo design ui colors

  • #215c8c
  • #d3dcfa
  • #246081
  • #986858
  • #a1bcc8
  • #343c44
Loading...
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati #d3dcfa e #986858. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #343C44 (più scuro) a #D3DCFA (più chiaro). L’intervallo di luminosità è ampio.

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

Alcune coppie di tonalità sono vicine a posizioni complementari — si può leggere come contrasto complementare (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #215C8C, #246081, #343C44, #986858, #A1BCC8, #D3DCFA

La tavolozza Web logo design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #215c8c, RGB: (33, 92, 140); ESADECIMALE: #d3dcfa, RGB: (211, 220, 250); ESADECIMALE: #246081, RGB: (36, 96, 129)
ESADECIMALE: #986858, RGB: (152, 104, 88); ESADECIMALE: #a1bcc8, RGB: (161, 188, 200); ESADECIMALE: #343c44, RGB: (52, 60, 68)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Tonalità di lavender, Tonalità di steelblue, Ombra di sienna, Tonalità di lightblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Web logo design ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#215c8c #215c8c RGB(33, 92, 140)
#d3dcfa #d3dcfa RGB(211, 220, 250)
#246081 #246081 RGB(36, 96, 129)
#986858 #986858 RGB(152, 104, 88)
#a1bcc8 #a1bcc8 RGB(161, 188, 200)
#343c44 #343c44 RGB(52, 60, 68)

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
#215c8c
#246081
1.03
#215c8c
#986858
1.49
#215c8c
#343c44
1.58
#d3dcfa
#a1bcc8
1.45
#246081
#986858
1.45
#246081
#343c44
1.63

Tavolozza immagini Web logo design ui colors png

Loading...
Loading...
Loading...