Creato a 04/08/2020 16:33
  0.21k

Education website ux flat hex colors

  • #09d4c4
  • #84e9e2
  • #0ccc8c
  • #8b8762
  • #accfd2
  • #3c413a
Loading...
La tavolozza è composta da Leggero colori. Colori accentati #09d4c4 e #8b8762. La tavolozza ha la temperatura del colore Freddo, Caldo, Neutro.

Per luminosità, la tavolozza va da #3C413A (più scuro) a #ACCFD2 (più chiaro). L’intervallo di luminosità è moderato.

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

Le tonalità sono distribuite in modo ampio sulla ruota: tavolozza varia (euristica).

Complessivamente la temperatura tende al freddo.

Codici HEX (ordinati): #09D4C4, #0CCC8C, #3C413A, #84E9E2, #8B8762, #ACCFD2

La tavolozza Education website ux flat hex colors ha una combinazione di colori dei codici 6:
ESADECIMALE: #09d4c4, RGB: (9, 212, 196); ESADECIMALE: #84e9e2, RGB: (132, 233, 226); ESADECIMALE: #0ccc8c, RGB: (12, 204, 140)
ESADECIMALE: #8b8762, RGB: (139, 135, 98); ESADECIMALE: #accfd2, RGB: (172, 207, 210); ESADECIMALE: #3c413a, RGB: (60, 65, 58)
Versione semplificata della tavolozza dei colori
Tonalità di turquoise, Tonalità di paleturquoise, Ombra di mediumseagreen, Ombra di Oliva, Tonalità di powderblue, Tonalità di darkslategrey
La combinazione di colori è stata creata da colorswall

Codici colori nella tavolozza

Education website ux flat hex colors codici colore HEX, informazioni RGB in tabella

Colore ESADECIMALE RGB Nome Nome alternativo
#09d4c4 #09d4c4 RGB(9, 212, 196)
#84e9e2 #84e9e2 RGB(132, 233, 226)
#0ccc8c #0ccc8c RGB(12, 204, 140)
#8b8762 #8b8762 RGB(139, 135, 98)
#accfd2 #accfd2 RGB(172, 207, 210)
#3c413a #3c413a RGB(60, 65, 58)

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
#09d4c4
#84e9e2
1.31
#09d4c4
#0ccc8c
1.11
#09d4c4
#8b8762
1.95
#09d4c4
#accfd2
1.12
#84e9e2
#0ccc8c
1.46
#84e9e2
#accfd2
1.16

Tavolozza immagini Education website ux flat hex colors png

Loading...
Loading...