Creato a 03/27/2023 08:18
  51

Digital agency homepage ui design web colors palette

  • Cadmium Orange
    #e68830
  • Tumbleweed
    #db9e89
  • Olive
    #84940c
  • UCLA Blue
    #566e95
  • Khaki (HTML/CSS)
    #c8b698
  • Charcoal
    #2c3e58
La tavolozza è composta da Leggero colori. Colori accentati Olive #84940c e Charcoal #2c3e58. La tavolozza ha la temperatura del colore Caldo, Freddo.

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

Codici HEX (ordinati): #2C3E58, #566E95, #84940C, #C8B698, #DB9E89, #E68830

La tavolozza Digital agency homepage ui design web colors palette ha una combinazione di colori dei codici 6:
ESADECIMALE: #e68830, RGB: (230, 136, 48); ESADECIMALE: #db9e89, RGB: (219, 158, 137); ESADECIMALE: #84940c, RGB: (132, 148, 12)
ESADECIMALE: #566e95, RGB: (86, 110, 149); ESADECIMALE: #c8b698, RGB: (200, 182, 152); ESADECIMALE: #2c3e58, RGB: (44, 62, 88)
Versione semplificata della tavolozza dei colori
Ombra di peru, Ombra di darksalmon, Ombra di olivedrab, Ombra di royalblue, Tonalità di tan, Tonalità di darkslateblue
La combinazione di colori è stata creata da raccoon

Codici colori nella tavolozza

Digital agency homepage ui design web colors palette codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#e68830 #e68830 RGB(230, 136, 48)Cadmium Orange
#db9e89 #db9e89 RGB(219, 158, 137)Tumbleweed
#84940c #84940c RGB(132, 148, 12)Olive
#566e95 #566e95 RGB(86, 110, 149)UCLA Blue
#c8b698 #c8b698 RGB(200, 182, 152)Khaki (HTML/CSS)
#2c3e58 #2c3e58 RGB(44, 62, 88)Charcoal

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
#e68830
#db9e89
1.16
#e68830
#84940c
1.27
#e68830
#566e95
1.95
#e68830
#c8b698
1.33
#db9e89
#84940c
1.48
#db9e89
#c8b698
1.14

Tavolozza immagini Digital agency homepage ui design web colors palette png