Es el punto medio entre el blanco y el negro. Es neutro y equilibrado, y deja que otros colores destaquen. Se usa en textos secundarios, ropa básica y decoración moderna.
El gris (#808080) es un color neutro, de luminosidad media y sin apenas saturación. Pertenece a la familia de los grises. Se mezcla con 128 de rojo, 128 de verde y 128 de azul (sobre 255). Se usa sobre todo en web, decoración, moda, branding.
Del más claro al más oscuro. Toca un tono para copiar su código.
Combinaciones según el círculo cromático. Más en armonías de color.
Copia los códigos o abre la paleta en el editor para ajustarla.
Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.
:root {
--gris: #808080;
--gris-rgb: 128, 128, 128;
}
.fondo { background-color: var(--gris); }
.texto { color: var(--gris); }El código HEX del color gris es #808080. En RGB es rgb(128, 128, 128), en HSL es hsl(0, 0%, 50%) y en CMYK es 0, 0, 0, 50.
Su complementario en el círculo cromático es #808080, un tono cercano al gris. Usado en pequeñas dosis sirve como acento y da mucho contraste.
Mejor usa texto negro: el contraste con blanco es solo 3.9:1, mientras que con negro es 5.3:1.
Combina bien con blanco, negro, amarillo, rosa palo, azul marino. Evita juntar grises de temperatura distinta, como uno azulado con uno verdoso, porque se ven desajustados. El gris con beige muy amarillo también puede verse sucio.