Über Dunkelviolett
Dunkelviolett (darkviolet) ist ein mittleres, kräftiges Violett mit dem Hex-Code #9400d3, bzw. rgb(148, 0, 211). Im HSL-Modell liegt es bei einem Farbton von 282°, 100 % Sättigung und 41 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: darkviolet; statt des Hex-Werts schreiben.
Dunkelviolett für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkelviolett-Text auf Weiß | 6,56 : 1 | AA |
| Dunkelviolett-Text auf Schwarz | 3,20 : 1 | nur AA für großen Text |
Auf einem dunkelvioletten Hintergrund verwendest du weißen Text (6,56 : 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: darkviolet; /* or #9400d3 */
background-color: #9400d3;
border: 1px solid rgb(148 0 211 / 50%);
}
Ähnliche benannte Farben
Blauviolett (#8a2be2), Dunkelorchidee (#9932cc), Dunkelmagenta (#8b008b), Lila (#800080), Rebeccapurpur (#663399), Mittelorchidee (#ba55d3).
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.