#5686dd Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #5686dd | RGB(86, 134, 221) |
Creato il 09/30/2026 05:54
Classificazione dei colori #5686dd
#5686dd È Chiaro e Freddo Colore Saturazione 67%, luminosità 60%.
Sfumatura di cornflowerblue
RGB i valori sono RGB(86, 134, 221)
#5686dd il colore contiene Rosso 33.73%, Verde 52.55% e Blu 86.67%.
oklch(62.68% 0.1418 261.4)
#5686dd il colore contiene Rosso 33.73%, Verde 52.55% e Blu 86.67%.
oklch(62.68% 0.1418 261.4)
Nomi dei colori di #5686dd HEX codice
≈ Havelock Blue
Colori alternativi di #5686dd
Colore opposto per #5686dd – #ddad56
#5686dd Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #5686dd
cmyk
CMYK(61%, 39%, 0%, 13%)
Decimale
5670621
HEX
#5686dd
HSL
hsl(219, 67%, 60%)
HSLA
hsla(219, 67%, 60%, 1)
RGB
RGB(86, 134, 221)
RGBA
RGBA(86, 134, 221, 1)
Tavolozze per il colore #5686dd:
Di seguito esempi di tavolozze di colori per il colore HEX #5686dd
il colore più scuro è #090d16 dalle sfumature e il colore più chiaro è #eef3fc dalle tinte
Tavolozza sfumature di #5686dd:
#4d79c7
#456bb1
#3c5e9b
#345085
#2b436f
#223658
#1a2842
#111b2c
#090d16
#000000
Tavolozza di tinte di #5686dd:
#6792e0
#789ee4
#89aae7
#9ab6eb
#abc3ee
#bbcff1
#ccdbf5
#dde7f8
#eef3fc
#ffffff
Tavolozza complementare di #5686dd:
#5686dd
#ddad56
Tavolozza triadica di #5686dd:
#5686dd
#dd5686
#86dd56
Tavolozza quadrata di #5686dd:
#5686dd
#dd56ca
#ddad56
#56dd69
Tavolozza analoga di #5686dd:
#56cadd
#5686dd
#6956dd
Tavolozza separata-complementare di #5686dd:
#5686dd
#dd6956
#cadd56
Tavolozza rettangolare (tetradica) di #5686dd:
#5686dd
#ad56dd
#ddad56
#86dd56
Tavolozze di colori suggerite per #5686dd HEX:
Tavolozza di colori con colore #5686dd #1:
Tavolozza di colori con colore #5686dd #2:
Tavolozza di colori con colore #5686dd #3:
Tavolozza di colori con colore #5686dd #4:
Tavolozza di colori con colore #5686dd #5:
Contrasto cromatico
Abbinamenti di colori #5686dd con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#5686dd
#5686dd Rapporto di contrasto
3.58:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#5686dd
#5686dd Rapporto di contrasto
5.84:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #5686dd colore png
Visita l'elenco dei colori popolari per ulteriori colori