#97baf0 Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #97baf0 | RGB(151, 186, 240) |
Creato il 09/30/2026 22:48
Classificazione dei colori #97baf0
#97baf0 È Chiaro e Freddo Colore Saturazione 75%, luminosità 77%.
Sfumatura di lightsteelblue
RGB i valori sono RGB(151, 186, 240)
#97baf0 il colore contiene Rosso 59.22%, Verde 72.94% e Blu 94.12%.
oklch(78.30% 0.0864 258.91)
#97baf0 il colore contiene Rosso 59.22%, Verde 72.94% e Blu 94.12%.
oklch(78.30% 0.0864 258.91)
Nomi dei colori di #97baf0 HEX codice
≈ Jordy Blue
Colori alternativi di #97baf0
Colore opposto per #97baf0 – #f0cd97
#97baf0 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #97baf0
cmyk
CMYK(37%, 23%, 0%, 6%)
Decimale
9943792
HEX
#97baf0
HSL
hsl(216, 75%, 77%)
HSLA
hsla(216, 75%, 77%, 1)
RGB
RGB(151, 186, 240)
RGBA
RGBA(151, 186, 240, 1)
Tavolozze per il colore #97baf0:
Di seguito esempi di tavolozze di colori per il colore HEX #97baf0
il colore più scuro è #0f1318 dalle sfumature e il colore più chiaro è #f5f8fe dalle tinte
Tavolozza sfumature di #97baf0:
#88a7d8
#7995c0
#6a82a8
#5b7090
#4c5d78
#3c4a60
#2d3848
#1e2530
#0f1318
#000000
Tavolozza di tinte di #97baf0:
#a1c1f2
#acc8f3
#b6cff5
#c1d6f6
#cbddf8
#d5e3f9
#e0eafb
#eaf1fc
#f5f8fe
#ffffff
Tavolozza complementare di #97baf0:
#97baf0
#f0cd97
Tavolozza triadica di #97baf0:
#97baf0
#f097ba
#baf097
Tavolozza quadrata di #97baf0:
#97baf0
#f097e7
#f0cd97
#97f0a0
Tavolozza analoga di #97baf0:
#97e7f0
#97baf0
#a097f0
Tavolozza separata-complementare di #97baf0:
#97baf0
#f0a097
#e7f097
Tavolozza rettangolare (tetradica) di #97baf0:
#97baf0
#cd97f0
#f0cd97
#baf097
Tavolozze di colori suggerite per #97baf0 HEX:
Tavolozza di colori con colore #97baf0 #1:
Tavolozza di colori con colore #97baf0 #2:
Tavolozza di colori con colore #97baf0 #3:
Tavolozza di colori con colore #97baf0 #4:
Tavolozza di colori con colore #97baf0 #5:
Contrasto cromatico
Abbinamenti di colori #97baf0 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#97baf0
#97baf0 Rapporto di contrasto
1.98:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#97baf0
#97baf0 Rapporto di contrasto
10.59:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #97baf0 colore png
Visita l'elenco dei colori popolari per ulteriori colori