Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Blauvioletter Text auf Weiß | 5,96 : 1 | AA |
| Blauvioletter Text auf Schwarz | 3,52 : 1 | nur 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).
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.