#9E9E9E

#9E9E9E — Codici colore & palette

#9E9E9E  ·  rgb(158, 158, 158)  ·  hsl(0, 0%, 62%)

Codici colore

Formato Valore
HEX #9E9E9E
RGB rgb(158, 158, 158)
HSL hsl(0, 0%, 62%)

Sfumature di #9E9E9E

#8F8F8F#808080#707070#616161#525252#424242#333333#242424

Tinte di #9E9E9E

#A8A8A8#B3B3B3#BDBDBD#C7C7C7#D1D1D1#DBDBDB#E6E6E6#F0F0F0

Abbinamenti & armonia cromatica

Complementare
#9E9E9E
Analogo +30°
#9E9E9E
Analogo −30°
#9E9E9E
Triadico +120°
#9E9E9E
Triadico −120°
#9E9E9E

Contrasto & accessibilità (WCAG 2.1)

su sfondo bianco (#FFFFFF)
2.68:1 — Non supera
su sfondo nero (#000000)
7.84:1 — Supera AAA per testo normale

Snippet CSS

.element {
  color: #9E9E9E;
}

.element-bg {
  background-color: #9E9E9E;
  color: #000000;
}

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

Informazioni su #9E9E9E

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