Thistle Farbcode (#d8bfd8)

Thistle ist #d8bfd8 als Hex-Wert und rgb(216, 191, 216) – ein sehr helles Magenta. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

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

Tönungen und Schattierungen

Farbharmonien

Über Thistle

Thistle (thistle) ist ein sehr helles, gedecktes Magenta mit dem Hex-Code #d8bfd8 oder rgb(216, 191, 216). Im HSL-Modell liegt es bei einem Farbton von 300°, 24 % Sättigung und 80 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: thistle; statt des Hex-Werts schreiben.

Thistle für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Thistle-Text auf Weiß1.70 : 1nicht bestanden
Thistle-Text auf Schwarz12.36 : 1AAA

Auf einem Thistle-Hintergrund eignet sich schwarzer Text am besten (12.36 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: thistle;               /* or #d8bfd8 */
  background-color: #d8bfd8;
  border: 1px solid rgb(216 191 216 / 50%);
}

Ähnliche benannte Farben

Hellgrau (#d3d3d3), Gainsboro (#dcdcdc), Pflaume (#dda0dd), Silber (#c0c0c0), Helles Stahlblau (#b0c4de), Pink (#ffc0cb).

Häufige Fragen

Was ist der Hex-Code für Thistle?
#d8bfd8 – das entspricht rgb(216, 191, 216) und hsl(300, 24%, 80%). In CSS kannst du auch einfach thistle schreiben.
Ist Thistle-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.70 : 1 und besteht den WCAG-Test nicht. Nutze die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen zu Thistle?
Die Komplementärfarbe ist #c0d8c0. Analoge Farben wie #ccc0d8 und #d8c0cc liegen im Farbkreis direkt daneben.