Creato a 03/05/2023 23:44
#7ccce9 ESADECIMALE Colore informazione
| Colore | ESADECIMALE | RGB |
|---|---|---|
| #7ccce9 | RGB(124, 204, 233) |
RGB i valori sono RGB(124, 204, 233)
#7ccce9 il colore contiene Rosso 48.63%, Verde 80% e Blu 91.37%.
oklch(80.43% 0.0885 223.31)
#7ccce9 il colore contiene Rosso 48.63%, Verde 80% e Blu 91.37%.
oklch(80.43% 0.0885 223.31)
Classificazione dei colori #7ccce9
#7ccce9 È Leggero e Freddo Colore Saturazione 71%, luminosità 70%.
Tonalità di skyblue
Colori alternativi di #7ccce9
Colore opposto per #7ccce9 – #e9997c
#7ccce9 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #7ccce9
Decimale
8178921
ESADECIMALE
#7ccce9
HSL
hsl(196, 71%, 70%)
HSLA
hsla(196, 71%, 70%, 1)
RGB
RGB(124, 204, 233)
RGBA
RGBA(124, 204, 233, 1)
Tavolozze per il colore #7ccce9:
Di seguito esempi di tavolozze di colori per il colore HEX #7ccce9
il colore più scuro è #0c1417 dalle sfumature e il colore più chiaro è #f2fafd dalle tinte
Tavolozza sfumature di #7ccce9:
#70b8d2
#63a3ba
#578fa3
#4a7a8c
#3e6675
#32525d
#253d46
#19292f
#0c1417
#000000
Tavolozza di tinte di #7ccce9:
#89d1eb
#96d6ed
#a3dbf0
#b0e0f2
#bee6f4
#cbebf6
#d8f0f8
#e5f5fb
#f2fafd
#ffffff
Tavolozza complementare di #7ccce9:
#7ccce9
#e9997c
Tavolozza triadica di #7ccce9:
#7ccce9
#e97ccc
#cce97c
Tavolozza quadrata di #7ccce9:
#7ccce9
#cf7ce9
#96e97c
#e9997c
Tavolozza analoga di #7ccce9:
#7ce9cf
#7ccce9
Tavolozza separata-complementare di #7ccce9:
#7ccce9
#7ce9cf
Tavolozza rettangolare (tetradica) di #7ccce9:
#7ccce9
#cf7ce9
#96e97c
#e97c96
Loading...
Colore #7ccce9 utilizzato nelle tavolozze (1)
Contrasto cromatico
Abbinamenti di colori #7ccce9 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#7ccce9
#7ccce9 Rapporto di contrasto
1.79:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
#7ccce9
#7ccce9 Rapporto di contrasto
11.67:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
Immagine #7ccce9 colore png
Visita l'elenco dei colori popolari per ulteriori colori