#677df0 Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #677df0 | RGB(103, 125, 240) |
Creato il 09/29/2026 19:19
Classificazione dei colori #677df0
#677df0 È Chiaro e Freddo Colore Saturazione 82%, luminosità 67%.
Tinta di royalblue
RGB i valori sono RGB(103, 125, 240)
#677df0 il colore contiene Rosso 40.39%, Verde 49.02% e Blu 94.12%.
oklch(62.95% 0.173 272.37)
#677df0 il colore contiene Rosso 40.39%, Verde 49.02% e Blu 94.12%.
oklch(62.95% 0.173 272.37)
Nomi dei colori di #677df0 HEX codice
≈ Cornflower Blue
Colori alternativi di #677df0
Colore opposto per #677df0 – #f0da67
#677df0 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #677df0
cmyk
CMYK(57%, 48%, 0%, 6%)
Decimale
6782448
HEX
#677df0
HSL
hsl(230, 82%, 67%)
HSLA
hsla(230, 82%, 67%, 1)
RGB
RGB(103, 125, 240)
RGBA
RGBA(103, 125, 240, 1)
Tavolozze per il colore #677df0:
Di seguito esempi di tavolozze di colori per il colore HEX #677df0
il colore più scuro è #0a0c18 dalle sfumature e il colore più chiaro è #f0f2fe dalle tinte
Tavolozza sfumature di #677df0:
#5d71d8
#5264c0
#4858a8
#3e4b90
#343f78
#293260
#1f2648
#151930
#0a0c18
#000000
Tavolozza di tinte di #677df0:
#768af2
#8597f3
#95a4f5
#a4b1f6
#b3bef8
#c2cbf9
#d1d8fb
#e1e5fc
#f0f2fe
#ffffff
Tavolozza complementare di #677df0:
#677df0
#f0da67
Tavolozza triadica di #677df0:
#677df0
#f0677d
#7df067
Tavolozza quadrata di #677df0:
#677df0
#f067c2
#f0da67
#67f096
Tavolozza analoga di #677df0:
#67c2f0
#677df0
#9667f0
Tavolozza separata-complementare di #677df0:
#677df0
#f09667
#c2f067
Tavolozza rettangolare (tetradica) di #677df0:
#677df0
#da67f0
#f0da67
#7df067
Tavolozze di colori suggerite per #677df0 HEX:
Tavolozza di colori con colore #677df0 #1:
Tavolozza di colori con colore #677df0 #2:
Tavolozza di colori con colore #677df0 #3:
Tavolozza di colori con colore #677df0 #4:
Tavolozza di colori con colore #677df0 #5:
Contrasto cromatico
Abbinamenti di colori #677df0 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#677df0
#677df0 Rapporto di contrasto
3.64:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#677df0
#677df0 Rapporto di contrasto
5.76:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #677df0 colore png
Visita l'elenco dei colori popolari per ulteriori colori