Violett Farbcode (#ee82ee)

Über Violett

Violett (violet) ist ein helles, kräftiges Magenta mit dem Hex-Code #ee82ee bzw. rgb(238, 130, 238). Im HSL-Modell liegt es bei einem Farbton von 300°, 76 % Sättigung und 72 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: violet; statt des Hex-Werts schreiben.

Violett für Text und Hintergründe

Auf einem violetten Hintergrund nimmst du Schwarz als Textfarbe (9.06 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: violet;               /* or #ee82ee */
  background-color: #ee82ee;
  border: 1px solid rgb(238 130 238 / 50%);
}

Ähnliche benannte Farben

Orchidee (#da70d6), Pflaume (#dda0dd), Knallpink (#ff69b4), Distel (#d8bfd8), Hellrosa (#ffb6c1), Rosa (#ffc0cb).