Thistle — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #D8BFD8 | |
| RGB | rgb(216, 191, 216) | |
| HSL | hsl(300, 24%, 80%) |
Dunklere Töne von Thistle
| #C9A6C9 | #B98DB9 | #AA74AA | #985D98 | #7E4E7E | #653E65 | #4C2F4C | #331F33 |
Hellere Töne von Thistle
| #DCC6DC | #E0CCE0 | #E4D3E4 | #E8D9E8 | #ECDFEC | #EFE6EF | #F3ECF3 | #F7F2F7 |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#C0D8C0
|
Analog +30°
#D8C0CC
|
Analog −30°
#CCC0D8
|
Triade +120°
#D8D8C0
|
Triade −120°
#C0D8D8
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #D8BFD8;
}
.element-bg {
background-color: #D8BFD8;
color: #000000;
}
.element-border {
border: 2px solid #D8BFD8;
}
Über Thistle
Thistle ist eine sehr helle Farbe mit moderater Sättigung, definiert durch den Hex-Code #D8BFD8. Die genauen Farbmodellwerte sind rgb(216, 191, 216) in RGB und hsl(300, 24%, 80%) in HSL (Farbton 300°, Sättigung 24%, Helligkeit 80%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 1.70:1 — Nicht bestanden, auf schwarzem 12.36:1 — AAA bestanden (Normalstext). Verwende Thistle für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.
Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.
Farbauswahl öffnen →