Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Medium Purple Text auf Weiß | 3,76 : 1 | nur AA bei großem Text |
| Medium Purple Text auf Schwarz | 5,58 : 1 | AA |
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).
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.