Loading...
Creato a 01/23/2022 21:38
  0.18k

Surf ui mobile app hex colors

  • #34c4cc
  • #77fbf4
  • #146775
  • #568c8c
  • #a5bdc1
  • #2a3954
Loading...
La tavolozza è composta da Leggero, Semi scuro colori. Colori accentati #77fbf4 e #146775. La tavolozza ha la temperatura del colore Freddo.

Per luminosità, la tavolozza va da #2A3954 (più scuro) a #77FBF4 (più chiaro). L’intervallo di luminosità è moderato.

Saturazione mista — alcuni campioni smorzati e accenti più vivaci.

La distribuzione delle tonalità suggerisce un gruppo preponderantemente analogo (euristica, non una regola fissa).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #146775, #2A3954, #34C4CC, #568C8C, #77FBF4, #A5BDC1

La tavolozza Surf ui mobile app hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #34c4cc, RGB: (52, 196, 204); ESADECIMALE: #77fbf4, RGB: (119, 251, 244); ESADECIMALE: #146775, RGB: (20, 103, 117)
ESADECIMALE: #568c8c, RGB: (86, 140, 140); ESADECIMALE: #a5bdc1, RGB: (165, 189, 193); ESADECIMALE: #2a3954, RGB: (42, 57, 84)
Versione semplificata della tavolozza dei colori
Ombra di darkturquoise, Ombra di cyan, Ombra di darkslategrey, Tonalità di cadetblue, Tonalità di lightblue, Tonalità di darkslateblue
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Surf ui mobile app hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#34c4cc #34c4cc RGB(52, 196, 204)
#77fbf4 #77fbf4 RGB(119, 251, 244)
#146775 #146775 RGB(20, 103, 117)
#568c8c #568c8c RGB(86, 140, 140)
#a5bdc1 #a5bdc1 RGB(165, 189, 193)
#2a3954 #2a3954 RGB(42, 57, 84)

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
#34c4cc
#77fbf4
1.7
#34c4cc
#568c8c
1.79
#34c4cc
#a5bdc1
1.07
#77fbf4
#a5bdc1
1.58
#146775
#568c8c
1.71
#146775
#2a3954
1.78

Tavolozza immagini Surf ui mobile app hex colors png

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