Creato a 02/25/2023 19:30
#7ca1f2 ESADECIMALE Colore informazione
| Colore | ESADECIMALE | RGB |
|---|---|---|
| #7ca1f2 | RGB(124, 161, 242) |
RGB i valori sono RGB(124, 161, 242)
#7ca1f2 il colore contiene Rosso 48.63%, Verde 63.14% e Blu 94.9%.
oklch(71.55% 0.1258 264.74)
#7ca1f2 il colore contiene Rosso 48.63%, Verde 63.14% e Blu 94.9%.
oklch(71.55% 0.1258 264.74)
Classificazione dei colori #7ca1f2
#7ca1f2 È Leggero e Freddo Colore Saturazione 82%, luminosità 72%.
Ombra di cornflowerblue
Colori alternativi di #7ca1f2
Colore opposto per #7ca1f2 – #f2cd7d
#7ca1f2 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #7ca1f2
Decimale
8167922
ESADECIMALE
#7ca1f2
HSL
hsl(221, 82%, 72%)
HSLA
hsla(221, 82%, 72%, 1)
RGB
RGB(124, 161, 242)
RGBA
RGBA(124, 161, 242, 1)
Tavolozze per il colore #7ca1f2:
Di seguito esempi di tavolozze di colori per il colore HEX #7ca1f2
il colore più scuro è #0c1018 dalle sfumature e il colore più chiaro è #f2f6fe dalle tinte
Tavolozza sfumature di #7ca1f2:
#7091da
#6381c2
#5771a9
#4a6191
#3e5179
#324061
#253049
#192030
#0c1018
#000000
Tavolozza di tinte di #7ca1f2:
#89aaf3
#96b4f5
#a3bdf6
#b0c7f7
#bed0f9
#cbd9fa
#d8e3fb
#e5ecfc
#f2f6fe
#ffffff
Tavolozza complementare di #7ca1f2:
#7da2f2
#f2cd7d
Tavolozza triadica di #7ca1f2:
#7da2f2
#f27da2
#a2f27d
Tavolozza quadrata di #7ca1f2:
#7da2f2
#f27ddd
#7df293
#f2cd7d
Tavolozza analoga di #7ca1f2:
#7dddf2
#7da2f2
Tavolozza separata-complementare di #7ca1f2:
#7da2f2
#7dddf2
Tavolozza rettangolare (tetradica) di #7ca1f2:
#7da2f2
#f27ddd
#7df293
#f2937d
Loading...
Colore #7ca1f2 utilizzato nelle tavolozze (1)
Contrasto cromatico
Abbinamenti di colori #7ca1f2 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#7ca1f2
#7ca1f2 Rapporto di contrasto
2.54:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
#7ca1f2
#7ca1f2 Rapporto di contrasto
8.23:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
Immagine #7ca1f2 colore png
Visita l'elenco dei colori popolari per ulteriori colori