Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Mittelviolettrot-Text auf Weiß | 5.42 : 1 | AA |
| Mittelviolettrot-Text auf Schwarz | 3.87 : 1 | AA 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).
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.