Loading...
Creato a 06/30/2021 17:01
  0.19k

Ui branding styleguide insurance palette

  • #ec5833
  • #ace4f4
  • #24a8c0
  • #a96154
  • #bbcdd5
  • #4c4434
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #ec5833 e #ace4f4. La tavolozza ha la temperatura del colore Caldo, Freddo.

Per luminosità, la tavolozza va da #4C4434 (più scuro) a #ACE4F4 (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).

Note calde e fredde sono abbastanza bilanciate.

Codici HEX (ordinati): #24A8C0, #4C4434, #A96154, #ACE4F4, #BBCDD5, #EC5833

La tavolozza Ui branding styleguide insurance palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #ec5833, RGB: (236, 88, 51); ESADECIMALE: #ace4f4, RGB: (172, 228, 244); ESADECIMALE: #24a8c0, RGB: (36, 168, 192)
ESADECIMALE: #a96154, RGB: (169, 97, 84); ESADECIMALE: #bbcdd5, RGB: (187, 205, 213); ESADECIMALE: #4c4434, RGB: (76, 68, 52)
Versione semplificata della tavolozza dei colori
Tonalità di tomato, Ombra di lightblue, Tonalità di cadetblue, Tonalità di indianred, Tonalità di lightblue, Tonalità di dimgrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Ui branding styleguide insurance palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#ec5833 #ec5833 RGB(236, 88, 51)
#ace4f4 #ace4f4 RGB(172, 228, 244)
#24a8c0 #24a8c0 RGB(36, 168, 192)
#a96154 #a96154 RGB(169, 97, 84)
#bbcdd5 #bbcdd5 RGB(187, 205, 213)
#4c4434 #4c4434 RGB(76, 68, 52)

Contrasto della palette di colori

5 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
#ec5833
#24a8c0
1.23
#ec5833
#a96154
1.32
#ace4f4
#bbcdd5
1.18
#24a8c0
#a96154
1.64
#24a8c0
#bbcdd5
1.72

Tavolozza immagini Ui branding styleguide insurance palette png

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