devpack
EnglishEspañolPortuguêsBahasa IndonesiaFrançaisРусскийDeutschTiếng Việt

Código de color Gris Dim (#696969)

Gris Dim es #696969 en hex y rgb(105, 105, 105): un gris medio. A continuación encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gris Dim
#696969
Nombre CSSdimgray (también dimgrey)
Hex#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMYK0%, 0%, 0%, 59%

Tintes y sombras

#e1e1e1#c3c3c3#a5a5a5#878787base
#696969#545454#3f3f3f#2a2a2a#151515

Acerca de Gris Dim

Gris Dim (dimgray) es un gris medio y apagado con el código hex #696969, o rgb(105, 105, 105). En HSL tiene un tono de 0°, 0% de saturación y 41% de luminosidad. CSS también acepta la grafía dimgrey para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: dimgray; en lugar del valor hex.

Uso de Gris Dim para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Gris Dim sobre blanco5.49 : 1AA
Texto Gris Dim sobre negro3.83 : 1AA solo para texto grande

Sobre un fondo gris dim, usa texto blanco (5.49 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: dimgray;               /* or #696969 */
  background-color: #696969;
  border: 1px solid rgb(105 105 105 / 50%);
}

Colores con nombre similares

Gris (#808080), Gris pizarra (#708090), Gris pizarra claro (#778899), Verde oliva oscuro (#556b2f), Azul pizarra oscuro (#483d8b), Gris pizarra oscuro (#2f4f4f).

Preguntas frecuentes

¿Cuál es el código hex del gris dim?
#696969 — que equivale a rgb(105, 105, 105) y hsl(0, 0%, 41%). En CSS también puedes escribir simplemente dimgray.
¿El texto gris dim es legible sobre blanco?
Su relación de contraste sobre blanco es 5.49 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el gris dim?
El gris dim es neutro, así que combina con casi cualquier color; úsalo en fondos, bordes y textos junto a un acento más intenso.