Code couleur Gainsboro (#dcdcdc)

Gainsboro est #dcdcdc en hexadécimal et rgb(220, 220, 220) : un gris très clair. Ci-dessous, tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

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

Teintes et nuances

À propos de Gainsboro

Gainsboro (gainsboro) est un gris très clair et peu saturé, de code hexadécimal #dcdcdc, soit rgb(220, 220, 220). En HSL, sa teinte est de 0°, sa saturation de 0 % et sa luminosité de 86 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: gainsboro; à la place de la valeur hexadécimale.

Utiliser Gainsboro pour le texte et les fonds

AssociationRatio de contrasteWCAG
Texte Gainsboro sur blanc1,37 : 1échec
Texte Gainsboro sur noir15,31 : 1AAA

Sur un fond gainsboro, utilisez un texte noir (15,31 : 1). Le WCAG exige au minimum 4,5 : 1 pour le texte courant et 3 : 1 pour les grands textes. Vérifiez d'autres associations avec le Vérificateur de contraste.

CSS

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

Couleurs nommées similaires

Gris clair (#d3d3d3), Chardon (#d8bfd8), Lavande (#e6e6fa), Blanc antique (#faebd7), Beige (#f5f5dc), Rose brumeux (#ffe4e1).

Questions fréquentes

Quel est le code hexadécimal de gainsboro ?
#dcdcdc, soit rgb(220, 220, 220) et hsl(0, 0%, 86%). En CSS, vous pouvez aussi simplement écrire gainsboro.
Le texte gainsboro est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1,37 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs se marient bien avec gainsboro ?
Gainsboro est une couleur neutre : elle s'associe à presque toutes les couleurs. Utilisez-la pour les fonds, les bordures et le texte autour d'une couleur d'accent plus marquée.