Blauviolett Farbcode (#8a2be2)

Blauviolett ist #8a2be2 im Hex-Format und rgb(138, 43, 226) — ein mittleres Violett. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Blauviolett
#8a2be2
CSS-Nameblueviolet
Hex#8a2be2
RGBrgb(138, 43, 226)
HSLhsl(271 76% 53%)
HWBhwb(271 17% 11%)
CMYK39%, 81%, 0%, 11%

Tints und Shades

Farbharmonien

Über Blauviolett

Blauviolett (blueviolet) ist ein mittleres, kräftiges Violett mit dem Hex-Code #8a2be2 oder rgb(138, 43, 226). Im HSL-Modell liegt er bei einem Farbton von 271°, 76 % Sättigung und 53 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: blueviolet; schreiben kannst.

Blauviolett für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Blauvioletter Text auf Weiß5,96 : 1AA
Blauvioletter Text auf Schwarz3,52 : 1nur AA bei großem Text

Auf einem blauvioletten Hintergrund verwendest du weißen Text (5,96 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: blueviolet;               /* or #8a2be2 */
  background-color: #8a2be2;
  border: 1px solid rgb(138 43 226 / 50%);
}

Ähnliche benannte Farben

Dunkelorchidee (#9932cc), Dunkelviolett (#9400d3), Schieferblau (#6a5acd), Mittelschieferblau (#7b68ee), Mittelorchidee (#ba55d3), Mittelpurpur (#9370db).

Häufige Fragen

Was ist der Hex-Code für Blauviolett?
#8a2be2 — das entspricht rgb(138, 43, 226) und hsl(271, 76%, 53%). In CSS kannst du auch einfach blueviolet schreiben.
Ist blauvioletter Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5,96 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Blauviolett?
Die Komplementärfarbe ist #84e22c; die analogen Farben #2f2ce2 und #e22cdf liegen im Farbkreis direkt daneben.