#5686ff Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #5686ff | RGB(86, 134, 255) |
Creato il 09/30/2026 07:30
Classificazione dei colori #5686ff
#5686ff È Chiaro e Freddo Colore Saturazione 100%, luminosità 67%.
Sfumatura di cornflowerblue
RGB i valori sono RGB(86, 134, 255)
#5686ff il colore contiene Rosso 33.73%, Verde 52.55% e Blu 100%.
oklch(64.79% 0.1871 265.27)
#5686ff il colore contiene Rosso 33.73%, Verde 52.55% e Blu 100%.
oklch(64.79% 0.1871 265.27)
Nomi dei colori di #5686ff HEX codice
≈ Cornflower Blue
Colori alternativi di #5686ff
Colore opposto per #5686ff – #ffcf56
#5686ff Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #5686ff
cmyk
CMYK(66%, 47%, 0%, 0%)
Decimale
5670655
HEX
#5686ff
HSL
hsl(223, 100%, 67%)
HSLA
hsla(223, 100%, 67%, 1)
RGB
RGB(86, 134, 255)
RGBA
RGBA(86, 134, 255, 1)
Tavolozze per il colore #5686ff:
Di seguito esempi di tavolozze di colori per il colore HEX #5686ff
il colore più scuro è #090d19 dalle sfumature e il colore più chiaro è #eef3ff dalle tinte
Tavolozza sfumature di #5686ff:
#4d79e6
#456bcc
#3c5eb3
#345099
#2b4380
#223666
#1a284d
#111b33
#090d19
#000000
Tavolozza di tinte di #5686ff:
#6792ff
#789eff
#89aaff
#9ab6ff
#abc3ff
#bbcfff
#ccdbff
#dde7ff
#eef3ff
#ffffff
Tavolozza complementare di #5686ff:
#5686ff
#ffcf56
Tavolozza triadica di #5686ff:
#5686ff
#ff5686
#86ff56
Tavolozza quadrata di #5686ff:
#5686ff
#ff56db
#ffcf56
#56ff7a
Tavolozza analoga di #5686ff:
#56dbff
#5686ff
#7a56ff
Tavolozza separata-complementare di #5686ff:
#5686ff
#ff7a56
#dbff56
Tavolozza rettangolare (tetradica) di #5686ff:
#5686ff
#cf56ff
#ffcf56
#86ff56
Tavolozze di colori suggerite per #5686ff HEX:
Tavolozza di colori con colore #5686ff #1:
Tavolozza di colori con colore #5686ff #2:
Tavolozza di colori con colore #5686ff #3:
Tavolozza di colori con colore #5686ff #4:
Tavolozza di colori con colore #5686ff #5:
Contrasto cromatico
Abbinamenti di colori #5686ff con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#5686ff
#5686ff Rapporto di contrasto
3.36:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#5686ff
#5686ff Rapporto di contrasto
6.24:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #5686ff colore png
Visita l'elenco dei colori popolari per ulteriori colori