Código de color Gris Oscuro (#a9a9a9)

Gris Oscuro es #a9a9a9 en hex y rgb(169, 169, 169), un gris claro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gris Oscuro
#a9a9a9
Nombre CSSdarkgray (también darkgrey)
Hex#a9a9a9
RGBrgb(169, 169, 169)
HSLhsl(0 0% 66%)
HWBhwb(0 66% 34%)
CMYK0%, 0%, 0%, 34%

Tintes y sombras

Acerca de Gris Oscuro

Gris Oscuro (darkgray) es un gris claro y apagado, con el código hex #a9a9a9, o rgb(169, 169, 169). En HSL tiene un tono de 0°, una saturación de 0% y una luminosidad de 66%. CSS también acepta la forma darkgrey para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: darkgray; en lugar del valor hex.

Uso de Gris Oscuro para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Gris Oscuro sobre blanco2.35 : 1no cumple
Texto Gris Oscuro sobre negro8.94 : 1AAA

Sobre un fondo gris oscuro, usa texto en negro (8.94 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: darkgray;               /* or #a9a9a9 */
  background-color: #a9a9a9;
  border: 1px solid rgb(169 169 169 / 50%);
}

Colores con nombre similares

Plateado (#c0c0c0), Verde Mar Oscuro (#8fbc8f), Marrón Rosado (#bc8f8f), Bronceado (#d2b48c), Azul Acero Claro (#b0c4de), Gris Pizarra Claro (#778899).

Preguntas frecuentes

¿Cuál es el código hex del gris oscuro?
#a9a9a9, que equivale a rgb(169, 169, 169) y hsl(0, 0%, 66%). En CSS también puedes escribir simplemente darkgray.
¿El texto gris oscuro se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 2.35 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el gris oscuro?
El gris oscuro es neutro, así que combina con casi cualquier color. Úsalo para fondos, bordes y texto alrededor de un acento más intenso.