Mittelviolettrot Farbcode (#c71585)

Mittelviolettrot ist #c71585 als Hex-Wert und rgb(199, 21, 133) — ein mittleres Magenta. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Mittelviolettrot
#c71585
CSS-Namemediumvioletred
Hex#c71585
RGBrgb(199, 21, 133)
HSLhsl(322 81% 43%)
HWBhwb(322 8% 22%)
CMYK0%, 89%, 33%, 22%

Töne und Schattierungen

Farbharmonien

Über Mittelviolettrot

Mittelviolettrot (mediumvioletred) ist ein mittleres, lebhaftes Magenta mit dem Hex-Code #c71585 oder rgb(199, 21, 133). Im HSL-Farbmodell liegt er bei einem Farbton von 322°, 81% Sättigung und 43% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts color: mediumvioletred; schreiben kannst.

Mittelviolettrot für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Mittelviolettrot-Text auf Weiß5.42 : 1AA
Mittelviolettrot-Text auf Schwarz3.87 : 1AA nur für großen Text

Auf einem mittelviolettroten Hintergrund nimmst du weißen Text (5.42 : 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 Kontrast-Checker.

CSS

.element {
  color: mediumvioletred;               /* or #c71585 */
  background-color: #c71585;
  border: 1px solid rgb(199 21 133 / 50%);
}

Ähnliche benannte Farben

Tiefrosa (#ff1493), Dunkles Magenta (#8b008b), Purpur (#800080), Karmesinrot (#dc143c), Indischrot (#cd5c5c), Dunkle Orchidee (#9932cc).

Häufige Fragen

Was ist der Hex-Code für Mittelviolettrot?
#c71585 — das entspricht rgb(199, 21, 133) und hsl(322, 81%, 43%). In CSS kannst du auch einfach mediumvioletred schreiben.
Ist Mittelviolettrot als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5.42 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Mittelviolettrot?
Die Komplementärfarbe ist #15c656; die analogen Farben #af15c6 und #c6152d liegen im Farbkreis direkt daneben.