Creato a 04/01/2023 18:55
  42

#306a6d ESADECIMALE Colore informazione

Colore ESADECIMALE RGB
#306a6d RGB(48, 106, 109)

RGB i valori sono RGB(48, 106, 109)
#306a6d il colore contiene Rosso 18.82%, Verde 41.57% e Blu 42.75%.

Nomi dei colori di #306a6d ESADECIMALE codice

Myrtle Green Colore

Classificazione dei colori #306a6d

#306a6d È Semi scuro e Freddo Colore
Tonalità di Verde acqua
Colore opposto per #306a6d – #6e3330

#306a6d Conversione del colore

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

Decimale
3172973
ESADECIMALE
#306a6d
HSL
hsl(183, 39%, 31%)
HSLA
hsla(183, 39%, 31%, 1)
RGB
RGB(48, 106, 109)
RGBA
RGBA(48, 106, 109, 1)

Tavolozze per il colore #306a6d:

Di seguito esempi di tavolozze di colori per il colore HEX #306a6d

il colore più scuro è #050b0b dalle sfumature e il colore più chiaro è #eaf0f0 dalle tinte

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

Tavolozze di colori suggerite per #306a6d ESADECIMALE:

Tavolozza di colori con colore #306a6d #1:
Tavolozza di colori con colore #306a6d #2:
Tavolozza di colori con colore #306a6d #3:
Tavolozza di colori con colore #306a6d #4:
Tavolozza di colori con colore #306a6d #5:

Colore #306a6d utilizzato nelle tavolozze (1)

Contrasto cromatico

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

#306a6d
#306a6d
Rapporto di contrasto
6.16:1
MisurareLivello AALivello AAA
Testo di grandi dimensioni:
Piccolo testo:
#306a6d
#306a6d
Rapporto di contrasto
3.4:1
MisurareLivello AALivello AAA
Testo di grandi dimensioni:
Piccolo testo:

Immagine #306a6d 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