Plum — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #DDA0DD | |
| RGB | rgb(221, 160, 221) | |
| HSL | hsl(300, 47%, 75%) |
Dunklere Töne von Plum
| #D283D2 | #C865C8 | #BD47BD | #A13AA1 | #832F83 | #652465 | #471A47 | #290F29 |
Hellere Töne von Plum
| #E0A9E0 | #E3B0E3 | #E5B8E5 | #E8BFE8 | #EBC7EB | #EDCEED | #F0D6F0 | #F3DDF3 |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#A1DDA1
|
Analog +30°
#DDA1BF
|
Analog −30°
#BFA1DD
|
Triade +120°
#DDDDA1
|
Triade −120°
#A1DDDD
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #DDA0DD;
}
.element-bg {
background-color: #DDA0DD;
color: #000000;
}
.element-border {
border: 2px solid #DDA0DD;
}
Über Plum
Plum ist eine helle Farbe mit moderater Sättigung, definiert durch den Hex-Code #DDA0DD. Die genauen Farbmodellwerte sind rgb(221, 160, 221) in RGB und hsl(300, 47%, 75%) in HSL (Farbton 300°, Sättigung 47%, Helligkeit 75%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 2.07:1 — Nicht bestanden, auf schwarzem 10.15:1 — AAA bestanden (Normalstext). Verwende Plum 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 →