Paleta de colores

Color gris oscuro

Gris profundo, más cálido y suave que el negro. Es ideal para textos largos en pantalla. También se usa en trajes, sofás y cocinas modernas.

Gris oscuro · #555555

Datos del color gris oscuro

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

Tonos del gris oscuro: claros y oscuros

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

Armonías del color gris oscuro

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 oscuro

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

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

Contraste del gris oscuro con texto

Texto blancoContraste 7.5:1 · AAA
Texto negroContraste 2.8:1 · No recomendado

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

Código CSS

:root {
  --gris-oscuro: #555555;
  --gris-oscuro-rgb: 85, 85, 85;
}
.fondo { background-color: var(--gris-oscuro); }
.texto { color: var(--gris-oscuro); }

Colores parecidos al gris oscuro

GrafitoGris plomoGris OxfordGris carbónÓnixGris topoAzabacheGris aceroAntracitaGris

Paletas temáticas con este color

Paletas de colores para graduaciónPaletas de colores para logoPaletas de colores para página webPaletas de colores para InstagramPaletas de colores para presentacionesPaletas de colores para currículum

Otros grises

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

Preguntas frecuentes

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

El código HEX del color gris oscuro es #555555. En RGB es rgb(85, 85, 85), en HSL es hsl(0, 0%, 33%) y en CMYK es 0, 0, 0, 67.

¿Qué color es el complementario del gris oscuro?

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

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

Sí. El contraste con blanco es 7.5:1, suficiente para texto normal (WCAG AA).