#657bdd Informazioni sul colore HEX
| Colore | HEX | RGB |
|---|---|---|
| #657bdd | RGB(101, 123, 221) |
Creato il 09/30/2026 16:36
Classificazione dei colori #657bdd
#657bdd È Chiaro e Freddo Colore Saturazione 64%, luminosità 63%.
Tinta di royalblue
RGB i valori sono RGB(101, 123, 221)
#657bdd il colore contiene Rosso 39.61%, Verde 48.24% e Blu 86.67%.
oklch(61.24% 0.15 271.8)
#657bdd il colore contiene Rosso 39.61%, Verde 48.24% e Blu 86.67%.
oklch(61.24% 0.15 271.8)
Nomi dei colori di #657bdd HEX codice
≈ Havelock Blue
Colori alternativi di #657bdd
Colore opposto per #657bdd – #ddc765
#657bdd Conversione del colore
Codici e valori informazioni sul colore HEX decimale, HEX. Valori HSL, HSLA, RGB, RGBA #657bdd
cmyk
CMYK(54%, 44%, 0%, 13%)
Decimale
6650845
HEX
#657bdd
HSL
hsl(229, 64%, 63%)
HSLA
hsla(229, 64%, 63%, 1)
RGB
RGB(101, 123, 221)
RGBA
RGBA(101, 123, 221, 1)
Tavolozze per il colore #657bdd:
Di seguito esempi di tavolozze di colori per il colore HEX #657bdd
il colore più scuro è #0a0c16 dalle sfumature e il colore più chiaro è #f0f2fc dalle tinte
Tavolozza sfumature di #657bdd:
#5b6fc7
#5162b1
#47569b
#3d4a85
#333e6f
#283158
#1e2542
#14192c
#0a0c16
#000000
Tavolozza di tinte di #657bdd:
#7488e0
#8495e4
#93a3e7
#a3b0eb
#b2bdee
#c1caf1
#d1d7f5
#e0e5f8
#f0f2fc
#ffffff
Tavolozza complementare di #657bdd:
#657bdd
#ddc765
Tavolozza triadica di #657bdd:
#657bdd
#dd657b
#7bdd65
Tavolozza quadrata di #657bdd:
#657bdd
#dd65b7
#ddc765
#65dd8b
Tavolozza analoga di #657bdd:
#65b7dd
#657bdd
#8b65dd
Tavolozza separata-complementare di #657bdd:
#657bdd
#dd8b65
#b7dd65
Tavolozza rettangolare (tetradica) di #657bdd:
#657bdd
#c765dd
#ddc765
#7bdd65
Tavolozze di colori suggerite per #657bdd HEX:
Tavolozza di colori con colore #657bdd #1:
Tavolozza di colori con colore #657bdd #2:
Tavolozza di colori con colore #657bdd #3:
Tavolozza di colori con colore #657bdd #4:
Tavolozza di colori con colore #657bdd #5:
Contrasto cromatico
Abbinamenti di colori #657bdd con nero e bianco per testi piccoli, testi grandi e grafica basati sul rapporto di contrasto di accessibilità WCAG.
#657bdd
#657bdd Rapporto di contrasto
3.86:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
#657bdd
#657bdd Rapporto di contrasto
5.43:1
| Dimensione | Livello AA | Livello AAA |
| Testo di grandi dimensioni: | ||
| Testo piccolo: |
Immagine #657bdd colore png
Visita l'elenco dei colori popolari per ulteriori colori