Creato a 02/27/2023 07:40
#568fa1 ESADECIMALE Colore informazione
| Colore | ESADECIMALE | RGB |
|---|---|---|
| #568fa1 | RGB(86, 143, 161) |
RGB i valori sono RGB(86, 143, 161)
#568fa1 il colore contiene Rosso 33.73%, Verde 56.08% e Blu 63.14%.
oklch(61.77% 0.0656 220.17)
#568fa1 il colore contiene Rosso 33.73%, Verde 56.08% e Blu 63.14%.
oklch(61.77% 0.0656 220.17)
Classificazione dei colori #568fa1
#568fa1 È Leggero e Freddo Colore Saturazione 30%, luminosità 48%.
Tonalità di cadetblue
Colori alternativi di #568fa1
Colore opposto per #568fa1 – #9f6756
#568fa1 Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #568fa1
Decimale
5672865
ESADECIMALE
#568fa1
HSL
hsl(194, 30%, 48%)
HSLA
hsla(194, 30%, 48%, 1)
RGB
RGB(86, 143, 161)
RGBA
RGBA(86, 143, 161, 1)
Tavolozze per il colore #568fa1:
Di seguito esempi di tavolozze di colori per il colore HEX #568fa1
il colore più scuro è #090e10 dalle sfumature e il colore più chiaro è #eef4f6 dalle tinte
Tavolozza sfumature di #568fa1:
#4d8191
#457281
#3c6471
#345661
#2b4851
#223940
#1a2b30
#111d20
#090e10
#000000
Tavolozza di tinte di #568fa1:
#679aaa
#78a5b4
#89b1bd
#9abcc7
#abc7d0
#bbd2d9
#ccdde3
#dde9ec
#eef4f6
#ffffff
Tavolozza complementare di #568fa1:
#568e9f
#9f6756
Tavolozza triadica di #568fa1:
#568e9f
#9f568e
#8e9f56
Tavolozza quadrata di #568fa1:
#568e9f
#8c569f
#699f56
#9f6756
Tavolozza analoga di #568fa1:
#569f8c
#568e9f
Tavolozza separata-complementare di #568fa1:
#568e9f
#569f8c
Tavolozza rettangolare (tetradica) di #568fa1:
#568e9f
#8c569f
#699f56
#9f5669
Loading...
Colore #568fa1 utilizzato nelle tavolozze (1)
Contrasto cromatico
Abbinamenti di colori #568fa1 con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#568fa1
#568fa1 Rapporto di contrasto
3.59:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
#568fa1
#568fa1 Rapporto di contrasto
5.83:1
| Misurare | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Piccolo testo: |
Immagine #568fa1 colore png
Visita l'elenco dei colori popolari per ulteriori colori