Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Thistle-Text auf Weiß | 1.70 : 1 | nicht bestanden |
| Thistle-Text auf Schwarz | 12.36 : 1 | AAA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.