Genera tavolozza
  1. Tavolozze di colori
  2. Web logo ux app colors

Web logo ux app colors

  • #b45565
  • #f2eb84
  • #143240
  • #a7a564
  • #c3c4c7
  • #3b5460
  0.14k

Web logo ux app colors ha 6 colori, tonalità prevalente: giallo e blu. Il colore più chiaro è Cachi (#F2EB84), il più scuro Blu notte (#143240). La coppia con il contrasto più alto è #143240 su #F2EB84 (10.8:1, WCAG AAA).

Creato il 10/21/2021 22:39
dicolorswall
La tavolozza è composta da Semi scuro, Chiaro, Scuro colori. Colori d'accento #f2eb84 e #143240. La tavolozza ha la temperatura del colore Caldo, Freddo, Neutro.

Per luminosità, la tavolozza va da #143240 (più scuro) a #F2EB84 (più chiaro). L’intervallo di luminosità è ampio.

Saturazione mista — 3 smorzati e 2 vivaci su 6 colori.

Alcuni colori sono quasi opposti sulla ruota dei colori e danno alla palette un contrasto complementare.

Complessivamente la temperatura tende al caldo (3 su 6).

Codici HEX (ordinati): #143240, #3B5460, #A7A564, #B45565, #C3C4C7, #F2EB84

La tavolozza Web logo ux app colors combina 6 codici colore:
HEX: #b45565, RGB: (180, 85, 101); HEX: #f2eb84, RGB: (242, 235, 132); HEX: #143240, RGB: (20, 50, 64)
HEX: #a7a564, RGB: (167, 165, 100); HEX: #c3c4c7, RGB: (195, 196, 199); HEX: #3b5460, RGB: (59, 84, 96)
Versione semplificata della tavolozza dei colori
Sfumatura di Rosso indiano, Tinta di Cachi, Tinta di Blu notte, Sfumatura di Cachi scuro, Tinta di Argento, Tinta di Grigio ardesia scuro
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Web logo ux app colors codici colore HEX, informazioni RGB in tabella

ColoreHEXRGBNomeNome alternativo
#b45565#b45565RGB(180, 85, 101)——
#f2eb84#f2eb84RGB(242, 235, 132)——
#143240#143240RGB(20, 50, 64)——
#a7a564#a7a564RGB(167, 165, 100)——
#c3c4c7#c3c4c7RGB(195, 196, 199)——
#3b5460#3b5460RGB(59, 84, 96)——

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 testoColore di sfondoRapporto di contrasto
#b45565
#a7a564
1.85
#b45565
#3b5460
1.68
#f2eb84
#c3c4c7
1.41
#143240
#3b5460
1.68
#a7a564
#c3c4c7
1.46

Tavolozza immagini Web logo ux app colors png

Web logo ux app colors: #b45565, #f2eb84, #143240, #a7a564, #c3c4c7, #3b5460
 Scarica l'immagine