Loading...
Creato a 11/18/2021 09:30
  0.25k

Brand design branding identity system ui

  • #447c9c
  • #f2d7b9
  • #5c442c
  • #5d7d9e
  • #ddcfc9
  • #573c34
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #447c9c e #f2d7b9. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #5C442C (più scuro) a #F2D7B9 (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 caldo.

Codici HEX (ordinati): #447C9C, #573C34, #5C442C, #5D7D9E, #DDCFC9, #F2D7B9

La tavolozza Brand design branding identity system ui ha una combinazione di colori dei codici 6:
ESADECIMALE: #447c9c, RGB: (68, 124, 156); ESADECIMALE: #f2d7b9, RGB: (242, 215, 185); ESADECIMALE: #5c442c, RGB: (92, 68, 44)
ESADECIMALE: #5d7d9e, RGB: (93, 125, 158); ESADECIMALE: #ddcfc9, RGB: (221, 207, 201); ESADECIMALE: #573c34, RGB: (87, 60, 52)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di peachpuff, Tonalità di saddlebrown, Ombra di steelblue, Tonalità di lightgrey, Tonalità di saddlebrown
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Brand design branding identity system ui codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#447c9c #447c9c RGB(68, 124, 156)
#f2d7b9 #f2d7b9 RGB(242, 215, 185)
#5c442c #5c442c RGB(92, 68, 44)
#5d7d9e #5d7d9e RGB(93, 125, 158)
#ddcfc9 #ddcfc9 RGB(221, 207, 201)
#573c34 #573c34 RGB(87, 60, 52)

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
#447c9c
#5c442c
1.98
#447c9c
#5d7d9e
1.06
#f2d7b9
#ddcfc9
1.09
#5c442c
#573c34
1.1

Tavolozza immagini Brand design branding identity system ui png

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