Paleta de colores

Color gris claro

Gris luminoso que en CSS se llama lightgray. Es suave y discreto. Sirve para bordes, fondos y paredes de estilo nórdico.

Gris claro · #D3D3D3

Datos del color gris claro

El gris claro (#D3D3D3) es un color neutro, claro y sin apenas saturación. Pertenece a la familia de los grises. Se mezcla con 211 de rojo, 211 de verde y 211 de azul (sobre 255). Se usa sobre todo en web, decoración.

Tonos del gris claro: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Armonías del color gris claro

Combinaciones según el círculo cromático. Más en armonías de color.

Complementario
Análogos
Tríada
Complementario dividido
Tétrada

Paletas con el color gris claro

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Gris claro
Paleta Análoga · Gris claro
Paleta Complementaria · Gris claro
Paleta Tríada · Gris claro
Paleta Con neutros · Gris claro
Paleta Con acento · Gris claro

Contraste del gris claro con texto

Texto blancoContraste 1.5:1 · No recomendado
Texto negroContraste 14.0:1 · AAA

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --gris-claro: #D3D3D3;
  --gris-claro-rgb: 211, 211, 211;
}
.fondo { background-color: var(--gris-claro); }
.texto { color: var(--gris-claro); }

Colores parecidos al gris claro

Gris perlaPlatinoPlataAlabastroHuesoGris cenizaAzul pastelBlanco humoLinoCrudo

Paletas temáticas con este color

Paletas de colores para bodaPaletas de colores para bautizoPaletas de colores para cumpleañosPaletas de colores para baby showerPaletas de colores para XV añosPaletas de colores para graduación

Otros grises

GrisGris oscuroPlataGris carbónGris pizarraGris cenizaGris perlaGris OxfordGrafitoGris topoGris aceroGris plomoGris humoGris piedraPlatinoGris azuladoGreige

Preguntas frecuentes

¿Cuál es el código del color gris claro?

El código HEX del color gris claro es #D3D3D3. En RGB es rgb(211, 211, 211), en HSL es hsl(0, 0%, 83%) y en CMYK es 0, 0, 0, 17.

¿Qué color es el complementario del gris claro?

Su complementario en el círculo cromático es #D3D3D3, un tono cercano al gris claro. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color gris claro?

Mejor usa texto negro: el contraste con blanco es solo 1.5:1, mientras que con negro es 14.0:1.