Loading...
Creato a 12/01/2020 13:20
  0.2k

Typography ui design icon hex colors

  • #2dacbb
  • #cfadeb
  • #167d93
  • #9a814c
  • #ada5d4
  • #2c3b56
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #167d93 e #9a814c. La tavolozza ha la temperatura del colore Freddo, Caldo.

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

La saturazione è in una fascia media.

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): #167D93, #2C3B56, #2DACBB, #9A814C, #ADA5D4, #CFADEB

La tavolozza Typography ui design icon hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #2dacbb, RGB: (45, 172, 187); ESADECIMALE: #cfadeb, RGB: (207, 173, 235); ESADECIMALE: #167d93, RGB: (22, 125, 147)
ESADECIMALE: #9a814c, RGB: (154, 129, 76); ESADECIMALE: #ada5d4, RGB: (173, 165, 212); ESADECIMALE: #2c3b56, RGB: (44, 59, 86)
Versione semplificata della tavolozza dei colori
Tonalità di cadetblue, Ombra di plum, Ombra di Verde acqua, Tonalità di darkgoldenrod, Tonalità di thistle, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Typography ui design icon hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#2dacbb #2dacbb RGB(45, 172, 187)
#cfadeb #cfadeb RGB(207, 173, 235)
#167d93 #167d93 RGB(22, 125, 147)
#9a814c #9a814c RGB(154, 129, 76)
#ada5d4 #ada5d4 RGB(173, 165, 212)
#2c3b56 #2c3b56 RGB(44, 59, 86)

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
#2dacbb
#cfadeb
1.4
#2dacbb
#167d93
1.76
#2dacbb
#9a814c
1.37
#2dacbb
#ada5d4
1.17
#cfadeb
#9a814c
1.92
#cfadeb
#ada5d4
1.18

Tavolozza immagini Typography ui design icon hex colors png

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