Creato a 02/18/2023 21:11
  0.24k

#66c0f4 ESADECIMALE Colore informazione

Colore ESADECIMALE RGB
#66c0f4 RGB(102, 192, 244)

RGB i valori sono RGB(102, 192, 244)
#66c0f4 il colore contiene Rosso 40%, Verde 75.29% e Blu 95.69%.

Nomi dei colori di #66c0f4 ESADECIMALE codice

light Colore

Classificazione dei colori #66c0f4

#66c0f4 È Leggero e Freddo Colore
Ombra di deepskyblue
Colore opposto per #66c0f4 – #f49a66

#66c0f4 Conversione del colore

Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #66c0f4

Decimale
6734068
ESADECIMALE
#66c0f4
HSL
hsl(202, 87%, 68%)
HSLA
hsla(202, 87%, 68%, 1)
RGB
RGB(102, 192, 244)
RGBA
RGBA(102, 192, 244, 1)

Tavolozze per il colore #66c0f4:

Di seguito esempi di tavolozze di colori per il colore HEX #66c0f4

il colore più scuro è #0a1318 dalle sfumature e il colore più chiaro è #f0f9fe dalle tinte

Tavolozza sfumature di #66c0f4:
Tavolozza di tinte di #66c0f4:
Tavolozza complementare di #66c0f4:
Tavolozza triadica di #66c0f4:
Tavolozza quadrata di #66c0f4:
Tavolozza analoga di #66c0f4:
Tavolozza separata-complementare di #66c0f4:
Tavolozza rettangolare (tetradica) di #66c0f4:

Tavolozze di colori suggerite per #66c0f4 ESADECIMALE:

Tavolozza di colori con colore #66c0f4 #1:
Tavolozza di colori con colore #66c0f4 #2:
Tavolozza di colori con colore #66c0f4 #3:
Tavolozza di colori con colore #66c0f4 #4:
Tavolozza di colori con colore #66c0f4 #5:

Colore #66c0f4 utilizzato nelle tavolozze (4)

Contrasto cromatico

Abbinamenti di colori #66c0f4 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.

#66c0f4
#66c0f4
Rapporto di contrasto
2.01:1
MisurareLivello AALivello AAA
Testo di grandi dimensioni:
Piccolo testo:
#66c0f4
#66c0f4
Rapporto di contrasto
10.41:1
MisurareLivello AALivello AAA
Testo di grandi dimensioni:
Piccolo testo:

Immagine #66c0f4 colore png

Colori della tavolozza: Come usare?

Fare clic su qualsiasi colore da aggiungere Tavolozza
Tavolozza veloce
Massimo 10 tavolozze Confrontare
Come usare?
Fare clic sull'icona «Confronta». per aggiungere la tavolozza Confronta le tavolozze elenco
Confronta tavolozze