#42A5F5

#42A5F5 — Codici colore & palette

Q: Qual è il valore RGB di #42A5F5?

Il valore RGB di #42A5F5 (#42A5F5) è rgb(66, 165, 245). Si scompone nei valori dei canali rosso, verde e blu su una scala da 0 a 255.

Q: #42A5F5 è accessibile su sfondo bianco?

Il rapporto di contrasto di #42A5F5 (#42A5F5) su sfondo bianco (#FFFFFF) è 2.65:1 — Non supera. Su sfondo nero (#000000) il rapporto di contrasto è 7.93:1 — Supera AAA per testo normale. Il WCAG 2.1 richiede 4,5:1 per testo normale (AA) e 7:1 per accessibilità avanzata (AAA).

Q: Quali colori si abbinano bene con #42A5F5?

#42A5F5 (#42A5F5) si abbina bene con il suo complementare e le tonalità analoghe. Il colore complementare è #F59342, il colore analogo a +30° è #424BF5 e uno dei colori triadici è #F542A5. Queste relazioni derivano dalla teoria del colore usando HSL (hsl(207, 90%, 61%)) come base.

#42A5F5 · rgb(66, 165, 245) · hsl(207, 90%, 61%)

Codici colore

Formato	Valore
HEX	#42A5F5
RGB	rgb(66, 165, 245)
HSL	hsl(207, 90%, 61%)

Sfumature di #42A5F5

#2597F4

#0C88ED

#0B78D0

#0967B3

#085696

#064579

#05355C

#03243F

Tinte di #42A5F5

#55AEF6

#69B7F7

#7CC0F8

#90CAF9

#A3D3FA

#B6DCFB

#CAE5FC

#DDEFFD

Abbinamenti & armonia cromatica

Complementare

#F59342

Analogo +30°

#424BF5

Analogo −30°

#42F5EC

Triadico +120°

#F542A5

Triadico −120°

#A5F542

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)

2.65:1 — Non supera

su sfondo nero (#000000)

7.93:1 — Supera AAA per testo normale

Snippet CSS

.element {
  color: #42A5F5;
}

.element-bg {
  background-color: #42A5F5;
  color: #000000;
}

.element-border {
  border: 2px solid #42A5F5;
}

Informazioni su #42A5F5

#42A5F5 è un colore chiaro con vivace, altamente saturo, definito dal codice esadecimale #42A5F5. I suoi valori esatti nei modelli colore sono rgb(66, 165, 245) in RGB e hsl(207, 90%, 61%) in HSL (tonalità 207°, saturazione 90%, luminosità 61%). Su sfondo bianco il rapporto di contrasto è 2.65:1 — Non supera, su sfondo nero è 7.93:1 — Supera AAA per testo normale. Usa #42A5F5 per elementi dell'interfaccia, sfondi, testo, bordi o accenti decorativi. La sezione sfumature mostra varianti progressivamente più scure, mentre la striscia tinte mostra versioni progressivamente più chiare — entrambe utili per costruire una palette tonale. I campioni di armonia forniscono abbinamenti complementari, analoghi e triadici basati sulla ruota cromatica HSL.

Vuoi esplorare questo colore in modo interattivo, generare palette o convertire tra formati colore? Il selettore colori di DevArbor fa al caso tuo.

Apri il selettore colori →

Domande frequenti

Qual è il valore RGB di #42A5F5?

Il valore RGB di #42A5F5 (#42A5F5) è rgb(66, 165, 245). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.

#42A5F5 è accessibile su sfondo bianco?

Il rapporto di contrasto di #42A5F5 su bianco (#FFFFFF) è 2.65:1 — Non supera. Su nero (#000000) il rapporto di contrasto è 7.93:1 — Supera AAA per testo normale. Il WCAG 2.1 richiede 4,5:1 per AA (testo normale) e 7:1 per AAA.

Quali colori si abbinano bene con #42A5F5?

Secondo la teoria del colore, #42A5F5 (hsl(207, 90%, 61%)) si abbina bene con le sue tonalità complementari, analoghe e triadiche. Vedi i campioni di armonia sopra per i valori esadecimali esatti di ogni tipo di abbinamento.

#42A5F5 — Codici colore &amp; palette