#3aa7f0 Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #3aa7f0 | RGB(58, 167, 240) |
Creato il 09/29/2026 16:25
Classificazione dei colori #3aa7f0
#3aa7f0 È Chiaro e Freddo Colore Saturazione 86%, luminosità 58%.
Tinta di deepskyblue
RGB i valori sono RGB(58, 167, 240)
#3aa7f0 il colore contiene Rosso 22.75%, Verde 65.49% e Blu 94.12%.
oklch(69.99% 0.1443 242.67)
#3aa7f0 il colore contiene Rosso 22.75%, Verde 65.49% e Blu 94.12%.
oklch(69.99% 0.1443 242.67)
Nomi dei colori di #3aa7f0 HEX codice
≈ Picton Blue
Colori alternativi di #3aa7f0
Colore opposto per #3aa7f0 – #f0833a
#3aa7f0 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #3aa7f0
cmyk
CMYK(76%, 30%, 0%, 6%)
Decimale
3844080
HEX
#3aa7f0
HSL
hsl(204, 86%, 58%)
HSLA
hsla(204, 86%, 58%, 1)
RGB
RGB(58, 167, 240)
RGBA
RGBA(58, 167, 240, 1)
Tavolozze per il colore #3aa7f0:
Di seguito esempi di tavolozze di colori per il colore HEX #3aa7f0
il colore più scuro è #061118 dalle sfumature e il colore più chiaro è #ebf6fe dalle tinte
Tavolozza sfumature di #3aa7f0:
#3496d8
#2e86c0
#2975a8
#236490
#1d5478
#174360
#113248
#0c2130
#061118
#000000
Tavolozza di tinte di #3aa7f0:
#4eb0f2
#61b9f3
#75c1f5
#89caf6
#9dd3f8
#b0dcf9
#c4e5fb
#d8edfc
#ebf6fe
#ffffff
Tavolozza complementare di #3aa7f0:
#3aa7f0
#f0833a
Tavolozza triadica di #3aa7f0:
#3aa7f0
#f03aa7
#a7f03a
Tavolozza quadrata di #3aa7f0:
#3aa7f0
#de3af0
#f0833a
#4cf03a
Tavolozza analoga di #3aa7f0:
#3af0de
#3aa7f0
#3a4cf0
Tavolozza separata-complementare di #3aa7f0:
#3aa7f0
#f03a4c
#f0de3a
Tavolozza rettangolare (tetradica) di #3aa7f0:
#3aa7f0
#833af0
#f0833a
#a7f03a
Tavolozze di colori suggerite per #3aa7f0 HEX:
Tavolozza di colori con colore #3aa7f0 #1:
Tavolozza di colori con colore #3aa7f0 #2:
Tavolozza di colori con colore #3aa7f0 #3:
Tavolozza di colori con colore #3aa7f0 #4:
Tavolozza di colori con colore #3aa7f0 #5:
Contrasto cromatico
Abbinamenti di colori #3aa7f0 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#3aa7f0
#3aa7f0 Rapporto di contrasto
2.63:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#3aa7f0
#3aa7f0 Rapporto di contrasto
7.96:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #3aa7f0 colore png
Visita l'elenco dei colori popolari per ulteriori colori