Dunkelviolett Farbcode (#9400d3)

Dunkelviolett ist #9400d3 im Hex-Format und rgb(148, 0, 211), ein mittleres Purpur. Darunter findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Dunkelviolett
#9400d3
CSS-Namedarkviolet
Hex#9400d3
RGBrgb(148, 0, 211)
HSLhsl(282 100% 41%)
HWBhwb(282 0% 17%)
CMYK30%, 100%, 0%, 17%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Dunkelviolett-Text auf Weiß6,56 : 1AA
Dunkelviolett-Text auf Schwarz3,20 : 1nur 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).

Häufige Fragen

Welchen Hex-Code hat Dunkelviolett?
#9400d3, das entspricht rgb(148, 0, 211) und hsl(282, 100%, 41%). In CSS kannst du auch einfach darkviolet schreiben.
Ist dunkelviolette Schrift auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 6,56 : 1, damit besteht es die WCAG-AA-Prüfung für normalen Text.
Welche Farben passen gut zu Dunkelviolett?
Die Komplementärfarbe ist #3fd100. Die analogen Farben #2a00d1 und #d100a7 liegen im Farbkreis direkt daneben.