Creato a 12/12/2022 15:29
  0.12k

Trading ux design ui colors

  • Han Blue
    #3a74c3
  • United Nations Blue
    #5598e3
  • Chocolate Cosmos
    #5d101f
  • Slate Gray
    #708f8c
  • Lavender Gray
    #bdc4cc
  • Police Blue
    #34505e
La tavolozza è composta da Leggero, Buio colori. Colori accentati United Nations Blue #5598e3 e Chocolate Cosmos #5d101f. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #5D101F (più scuro) a #BDC4CC (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): #34505E, #3A74C3, #5598E3, #5D101F, #708F8C, #BDC4CC

La tavolozza Trading ux design ui colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #3a74c3, RGB: (58, 116, 195); ESADECIMALE: #5598e3, RGB: (85, 152, 227); ESADECIMALE: #5d101f, RGB: (93, 16, 31)
ESADECIMALE: #708f8c, RGB: (112, 143, 140); ESADECIMALE: #bdc4cc, RGB: (189, 196, 204); ESADECIMALE: #34505e, RGB: (52, 80, 94)
Versione semplificata della tavolozza dei colori
Tonalità di steelblue, Tonalità di cornflowerblue, Ombra di Marrone, Tonalità di cadetblue, Ombra di Argento, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Trading ux design ui colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#3a74c3 #3a74c3 RGB(58, 116, 195)Han Blue
#5598e3 #5598e3 RGB(85, 152, 227)United Nations Blue
#5d101f #5d101f RGB(93, 16, 31)Chocolate Cosmos
#708f8c #708f8c RGB(112, 143, 140)Slate Gray
#bdc4cc #bdc4cc RGB(189, 196, 204)Lavender Gray
#34505e #34505e RGB(52, 80, 94)Police Blue

Contrasto della palette di colori

7 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
#3a74c3
#5598e3
1.56
#3a74c3
#708f8c
1.34
#3a74c3
#34505e
1.81
#5598e3
#708f8c
1.16
#5598e3
#bdc4cc
1.7
#5d101f
#34505e
1.57

Tavolozza immagini Trading ux design ui colors png