DevArbor
#757575

#757575 — Codici colore & palette

#757575  ·  rgb(117, 117, 117)  ·  hsl(0, 0%, 46%)

Codici colore

Formato Valore
HEX #757575
RGB rgb(117, 117, 117)
HSL hsl(0, 0%, 46%)

Sfumature di #757575

#696969#5C5C5C#4F4F4F#424242#363636#292929#1C1C1C#0F0F0F

Tinte di #757575

#858585#949494#A3A3A3#B3B3B3#C2C2C2#D1D1D1#E0E0E0#F0F0F0

Abbinamenti & armonia cromatica

Complementare
#757575
Analogo +30°
#757575
Analogo −30°
#757575
Triadico +120°
#757575
Triadico −120°
#757575

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)
4.61:1 — Supera AA per testo normale
su sfondo nero (#000000)
4.56:1 — Supera AA per testo normale

Snippet CSS

.element {
  color: #757575;
}

.element-bg {
  background-color: #757575;
  color: #ffffff;
}

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

Informazioni su #757575

#757575 è un colore medio con saturazione molto bassa (quasi acromatico), definito dal codice esadecimale #757575. I suoi valori esatti nei modelli colore sono rgb(117, 117, 117) in RGB e hsl(0, 0%, 46%) in HSL (tonalità 0°, saturazione 0%, luminosità 46%). Su sfondo bianco il rapporto di contrasto è 4.61:1 — Supera AA per testo normale, su sfondo nero è 4.56:1 — Supera AA per testo normale. Usa #757575 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 #757575?
Il valore RGB di #757575 (#757575) è rgb(117, 117, 117). Rappresenta le quantità di rosso, verde e blu su una scala da 0 a 255.
#757575 è accessibile su sfondo bianco?
Il rapporto di contrasto di #757575 su bianco (#FFFFFF) è 4.61:1 — Supera AA per testo normale. Su nero (#000000) il rapporto di contrasto è 4.56:1 — Supera AA 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 #757575?
Secondo la teoria del colore, #757575 (hsl(0, 0%, 46%)) 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.