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

Código de color Gainsboro (#dcdcdc)

Gainsboro es #dcdcdc en hexadecimal y rgb(220, 220, 220): un gris muy claro. A continuación encontrarás todos los formatos de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gainsboro
#dcdcdc
Nombre CSSgainsboro
Hex#dcdcdc
RGBrgb(220, 220, 220)
HSLhsl(0 0% 86%)
HWBhwb(0 86% 14%)
CMYK0%, 0%, 0%, 14%

Tonos y sombras

#f8f8f8#f1f1f1#eaeaea#e3e3e3base
#dcdcdc#b0b0b0#848484#585858#2c2c2c

Acerca de Gainsboro

Gainsboro (gainsboro) es un gris muy claro y apagado con el código hexadecimal #dcdcdc, o rgb(220, 220, 220). En HSL tiene un tono de 0°, 0% de saturación y 86% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: gainsboro; en lugar del valor hex.

Uso de Gainsboro para texto y fondos

CombinaciónRatio de contrasteWCAG
Texto Gainsboro sobre blanco1.37 : 1no cumple
Texto Gainsboro sobre negro15.31 : 1AAA

Sobre un fondo gainsboro, usa texto en negro (15.31 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: gainsboro;               /* or #dcdcdc */
  background-color: #dcdcdc;
  border: 1px solid rgb(220 220 220 / 50%);
}

Nombres de color similares

Gris claro (#d3d3d3), Cardo (#d8bfd8), Lavanda (#e6e6fa), Blanco antiguo (#faebd7), Beige (#f5f5dc), Rosa neblina (#ffe4e1).

Preguntas frecuentes

¿Cuál es el código hex de gainsboro?
#dcdcdc, es decir, rgb(220, 220, 220) y hsl(0, 0%, 86%). En CSS también puedes escribir simplemente gainsboro.
¿Es legible el texto gainsboro sobre blanco?
Su ratio de contraste sobre blanco es 1.37 : 1, lo que no cumple WCAG. Úsalo para decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con gainsboro?
Gainsboro es un color neutro, así que combina con casi cualquier tono. Úsalo en fondos, bordes y texto alrededor de un acento más intenso.