#5690a3 Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #5690a3 | RGB(86, 144, 163) |
Creato il 09/29/2026 10:31
Classificazione dei colori #5690a3
#5690a3 È Chiaro e Freddo Colore Saturazione 31%, luminosità 49%.
Sfumatura di cadetblue
RGB i valori sono RGB(86, 144, 163)
#5690a3 il colore contiene Rosso 33.73%, Verde 56.47% e Blu 63.92%.
oklch(62.09% 0.067 221.01)
#5690a3 il colore contiene Rosso 33.73%, Verde 56.47% e Blu 63.92%.
oklch(62.09% 0.067 221.01)
Nomi dei colori di #5690a3 HEX codice
≈ Horizon
Colori alternativi di #5690a3
Colore opposto per #5690a3 – #a36956
#5690a3 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #5690a3
cmyk
CMYK(47%, 12%, 0%, 36%)
Decimale
5673123
HEX
#5690a3
HSL
hsl(195, 31%, 49%)
HSLA
hsla(195, 31%, 49%, 1)
RGB
RGB(86, 144, 163)
RGBA
RGBA(86, 144, 163, 1)
Tavolozze per il colore #5690a3:
Di seguito esempi di tavolozze di colori per il colore HEX #5690a3
il colore più scuro è #090e10 dalle sfumature e il colore più chiaro è #eef4f6 dalle tinte
Tavolozza sfumature di #5690a3:
#4d8293
#457382
#3c6572
#345662
#2b4852
#223a41
#1a2b31
#111d21
#090e10
#000000
Tavolozza di tinte di #5690a3:
#679bac
#78a6b5
#89b1bf
#9abcc8
#abc8d1
#bbd3da
#ccdee3
#dde9ed
#eef4f6
#ffffff
Tavolozza complementare di #5690a3:
#5690a3
#a36956
Tavolozza triadica di #5690a3:
#5690a3
#a35690
#90a356
Tavolozza quadrata di #5690a3:
#5690a3
#8f56a3
#a36956
#6aa356
Tavolozza analoga di #5690a3:
#56a38f
#5690a3
#566aa3
Tavolozza separata-complementare di #5690a3:
#5690a3
#a3566a
#a38f56
Tavolozza rettangolare (tetradica) di #5690a3:
#5690a3
#6956a3
#a36956
#90a356
Tavolozze di colori suggerite per #5690a3 HEX:
Tavolozza di colori con colore #5690a3 #1:
Tavolozza di colori con colore #5690a3 #2:
Tavolozza di colori con colore #5690a3 #3:
Tavolozza di colori con colore #5690a3 #4:
Tavolozza di colori con colore #5690a3 #5:
Contrasto cromatico
Abbinamenti di colori #5690a3 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#5690a3
#5690a3 Rapporto di contrasto
3.55:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#5690a3
#5690a3 Rapporto di contrasto
5.91:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #5690a3 colore png
Visita l'elenco dei colori popolari per ulteriori colori