Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LightGray

LightGray es un gris claro con el código hexadecimal #D3D3D3. En RGB es rgb(211, 211, 211), en HSL hsl(0, 0%, 83%) y en CMYK cmyk(0%, 0%, 0%, 17%).

LightGray
#D3D3D3

Valores del color

En CSS puedes escribirlo con la palabra clave lightgray.

El texto blanco sobre LightGray tiene una relación de contraste de 1.50:1 y el texto negro de 14.03:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Neutral 300 (#D4D4D4).

Usar LightGray en CSS

.element {
  color: lightgray;
  background-color: #d3d3d3;
  border-color: rgb(211, 211, 211);
}

Tonos claros y oscuros de LightGray

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con LightGray

Armonías de la rueda de color creadas a partir de #D3D3D3. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre LightGray

Aa
Texto blanco
1.50:1
No cumple
Aa
Texto negro
14.03:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a LightGray

Paletas con colores parecidos

Preguntas sobre LightGray

¿Cuál es el código hexadecimal de LightGray?

El código hexadecimal de LightGray es #D3D3D3. Su valor RGB es rgb(211, 211, 211) y su valor HSL es hsl(0, 0%, 83%).

¿Qué colores combinan con LightGray?

El color complementario de LightGray es #D4D4D4. Para un esquema más suave prueba los colores análogos #D4D4D4 y #D4D4D4; para un esquema equilibrado de tres colores usa los triádicos #D4D4D4 y #D4D4D4.

¿LightGray es legible como color de texto?

Sobre un fondo blanco, LightGray tiene una relación de contraste de 1.50:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 14.03:1.

Más colores de la familia grises