Medium Orchid Farbcode (#ba55d3)

Medium Orchid ist #ba55d3 im Hex-Format und rgb(186, 85, 211) – ein mittleres Lila. Unten findest du jedes Farbformat, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Medium Orchid
#ba55d3
CSS-Namemediumorchid
Hex#ba55d3
RGBrgb(186, 85, 211)
HSLhsl(288 59% 58%)
HWBhwb(288 33% 17%)
CMYK12%, 60%, 0%, 17%

Tints und Shades

Farbharmonien

Über Medium Orchid

Medium Orchid (mediumorchid) ist ein mittleres, mäßig gesättigtes Lila mit dem Hex-Code #ba55d3 oder rgb(186, 85, 211). Im HSL-Modell liegt es bei einem Farbton von 288°, 59 % Sättigung und 58 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: mediumorchid; statt des Hex-Werts schreiben.

Medium Orchid für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Medium-Orchid-Text auf Weiß3.94 : 1nur AA bei großem Text
Medium-Orchid-Text auf Schwarz5.33 : 1AA

Auf einem Medium-Orchid-Hintergrund verwende Schwarz als Textfarbe (5.33 : 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 Contrast Checker.

CSS

.element {
  color: mediumorchid;               /* or #ba55d3 */
  background-color: #ba55d3;
  border: 1px solid rgb(186 85 211 / 50%);
}

Ähnliche benannte Farben

Orchidee (#da70d6), Medium Purple (#9370db), Dunkle Orchidee (#9932cc), Blauviolett (#8a2be2), Mittleres Schieferblau (#7b68ee), Violett (#ee82ee).

Häufige Fragen

Was ist der Hex-Code für Medium Orchid?
#ba55d3 – das entspricht rgb(186, 85, 211) und hsl(288, 59%, 58%). In CSS kannst du auch einfach mediumorchid schreiben.
Ist Medium-Orchid-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 3.94 : 1. Das reicht nur für großen Text (WCAG AA large).
Welche Farben passen gut zu Medium Orchid?
Die Komplementärfarbe ist #6ed355. Die analogen Farben #7b55d3 und #d355ad liegen im Farbkreis direkt daneben.