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

Code couleur argent (#c0c0c0)

Argent correspond à #c0c0c0 en hexadécimal et à rgb(192, 192, 192), un gris clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Argent
#c0c0c0
Nom CSSsilver
Hex#c0c0c0
RGBrgb(192, 192, 192)
HSLhsl(0 0% 75%)
HWBhwb(0 75% 25%)
CMYK0%, 0%, 0%, 25%

Teintes et nuances

#f2f2f2#e6e6e6#d9d9d9#cdcdcdbase
#c0c0c0#9a9a9a#737373#4d4d4d#262626

À propos de l’argent

Argent (silver) est un gris clair et peu saturé, de code hexadécimal #c0c0c0, ou rgb(192, 192, 192). En HSL, sa teinte est de 0°, sa saturation de 0 % et sa luminosité de 75 %. C’est l’une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: silver; à la place de la valeur hexadécimale.

Utiliser l’argent pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte argent sur blanc1.82 : 1échec
Texte argent sur noir11.54 : 1AAA

Sur un arrière-plan argent, utilisez un texte noir (11.54 : 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: silver;               /* or #c0c0c0 */
  background-color: #c0c0c0;
  border: 1px solid rgb(192 192 192 / 50%);
}

Couleurs nommées similaires

Gris clair (#d3d3d3), Chardon (#d8bfd8), Bleu acier clair (#b0c4de), Gris foncé (#a9a9a9), Gainsboro (#dcdcdc), Bleu clair (#add8e6).

Questions fréquentes

Quel est le code hexadécimal de l’argent ?
#c0c0c0, soit rgb(192, 192, 192) et hsl(0, 0%, 75%). En CSS, vous pouvez aussi écrire simplement silver.
Le texte argent est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.82 : 1, ce qui ne respecte pas le WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec l’argent ?
L’argent est une couleur neutre qui se marie avec presque toutes les teintes. Utilisez-le pour les arrière-plans, les bordures et les textes autour d’un accent plus marqué.