Medium Purple Farbcode (#9370db)

Medium Purple ist #9370db im Hex-Format und rgb(147, 112, 219) — ein helles Lila. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Medium Purple
#9370db
CSS-Namemediumpurple
Hex#9370db
RGBrgb(147, 112, 219)
HSLhsl(260 60% 65%)
HWBhwb(260 44% 14%)
CMYK33%, 49%, 0%, 14%

Töne und Schattierungen

Farbharmonien

Über Medium Purple

Medium Purple (mediumpurple) ist ein helles, kräftiges Lila mit dem Hex-Code #9370db oder rgb(147, 112, 219). Im HSL-Modell liegt er bei einem Farbton von 260°, 60 % Sättigung und 65 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: mediumpurple; statt des Hex-Werts schreiben.

Medium Purple für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Medium Purple Text auf Weiß3,76 : 1nur AA bei großem Text
Medium Purple Text auf Schwarz5,58 : 1AA

Auf einem Medium-Purple-Hintergrund verwendest du schwarzen Text (5,58 : 1). WCAG verlangt mindestens 4,5 : 1 für normalen Text und 3 : 1 für großen Text. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: mediumpurple;               /* or #9370db */
  background-color: #9370db;
  border: 1px solid rgb(147 112 219 / 50%);
}

Ähnliche benannte Farben

Medium Slate Blue (#7b68ee), Medium Orchid (#ba55d3), Slate Blue (#6a5acd), Cornflower Blue (#6495ed), Dark Orchid (#9932cc), Blue Violet (#8a2be2).

Häufige Fragen

Was ist der Hex-Code für Medium Purple?
#9370db — das entspricht rgb(147, 112, 219) und hsl(260, 60%, 65%). In CSS kannst du auch einfach mediumpurple schreiben.
Ist Medium Purple auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 3,76 : 1, was nur für große Schrift nach WCAG AA ausreicht.
Welche Farben passen gut zu Medium Purple?
Die Komplementärfarbe ist #b8db70; analoge Farben wie #7082db und #c970db liegen im Farbkreis direkt daneben.