Code couleur Thistle (#d8bfd8)

Thistle est #d8bfd8 en hexadécimal et rgb(216, 191, 216) — un magenta très clair. Ci-dessous : tous les formats de couleur, les teintes et nuances, les harmonies et la lisibilité du texte.

Mis à jour le

Thistle
#d8bfd8
Nom CSSthistle
Hex#d8bfd8
RGBrgb(216, 191, 216)
HSLhsl(300 24% 80%)
HWBhwb(300 75% 15%)
CMYK0%, 12%, 0%, 15%

Teintes et nuances

Harmonies de couleurs

À propos de Thistle

Thistle (thistle) est un magenta très clair et désaturé, de code hexadécimal #d8bfd8, soit rgb(216, 191, 216). En HSL, sa teinte est de 300°, sa saturation de 24 % et sa luminosité de 80 %. C'est l'une des 148 couleurs nommées que tous les navigateurs reconnaissent : vous pouvez donc écrire color: thistle; à la place de la valeur hexadécimale.

Utiliser Thistle pour le texte et les arrière-plans

AssociationRatio de contrasteWCAG
Texte Thistle sur blanc1.70 : 1échec
Texte Thistle sur noir12.36 : 1AAA

Sur un fond thistle, utilisez un texte noir (12.36 : 1). Les WCAG exigent un ratio d'au moins 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: thistle;               /* or #d8bfd8 */
  background-color: #d8bfd8;
  border: 1px solid rgb(216 191 216 / 50%);
}

Couleurs nommées similaires

Gris clair (#d3d3d3), Gainsboro (#dcdcdc), Prune (#dda0dd), Argent (#c0c0c0), Bleu acier clair (#b0c4de), Rose (#ffc0cb).

Questions fréquentes

Quel est le code hexadécimal du thistle ?
#d8bfd8 — soit rgb(216, 191, 216) et hsl(300, 24%, 80%). En CSS, vous pouvez aussi simplement écrire thistle.
Le texte thistle est-il lisible sur blanc ?
Son ratio de contraste sur blanc est de 1.70 : 1, ce qui ne respecte pas les WCAG. Réservez-le à la décoration ou utilisez-le sur un fond sombre.
Quelles couleurs vont bien avec le thistle ?
Sa couleur complémentaire est #c0d8c0 ; les couleurs analogues #ccc0d8 et #d8c0cc se trouvent à côté sur le cercle chromatique.