Creato a 09/16/2022 11:00
  0.11k

Steps website get started dashboard colours

  • Brandeis Blue
    #046cfb
  • Blue Jeans
    #569ff2
  • Dark Cerulean
    #0a3c77
  • Olive Green
    #aca96c
  • Pastel Blue
    #abc0d5
  • Deep Space Sparkle
    #405c6c
La tavolozza è composta da Semi scuro, Leggero colori. Colori accentati Brandeis Blue #046cfb e Olive Green #aca96c. La tavolozza ha la temperatura del colore Freddo, Caldo.

Per luminosità, la tavolozza va da #0A3C77 (più scuro) a #ABC0D5 (più chiaro). L’intervallo di luminosità è moderato.

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): #046CFB, #0A3C77, #405C6C, #569FF2, #ABC0D5, #ACA96C

La tavolozza Steps website get started dashboard colours ha una combinazione di colori dei codici 6:
ESADECIMALE: #046cfb, RGB: (4, 108, 251); ESADECIMALE: #569ff2, RGB: (86, 159, 242); ESADECIMALE: #0a3c77, RGB: (10, 60, 119)
ESADECIMALE: #aca96c, RGB: (172, 169, 108); ESADECIMALE: #abc0d5, RGB: (171, 192, 213); ESADECIMALE: #405c6c, RGB: (64, 92, 108)
Versione semplificata della tavolozza dei colori
Tonalità di royalblue, Ombra di cornflowerblue, Tonalità di darkslateblue, Tonalità di darkkhaki, Tonalità di lightsteelblue, Ombra di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Steps website get started dashboard colours codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#046cfb #046cfb RGB(4, 108, 251)Brandeis Blue
#569ff2 #569ff2 RGB(86, 159, 242)Blue Jeans
#0a3c77 #0a3c77 RGB(10, 60, 119)Dark Cerulean
#aca96c #aca96c RGB(172, 169, 108)Olive Green
#abc0d5 #abc0d5 RGB(171, 192, 213)Pastel Blue
#405c6c #405c6c RGB(64, 92, 108)Deep Space Sparkle

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
#046cfb
#569ff2
1.68
#046cfb
#aca96c
1.9
#046cfb
#405c6c
1.53
#569ff2
#aca96c
1.13
#569ff2
#abc0d5
1.47
#0a3c77
#405c6c
1.53

Tavolozza immagini Steps website get started dashboard colours png