Über Blassviolettrot
Blassviolettrot (palevioletred) ist ein helles, kräftiges Pink mit dem HEX-Code #db7093 oder rgb(219, 112, 147). In HSL liegt er bei einem Farbton von 340°, 60 % Sättigung und 65 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: palevioletred; statt des HEX-Werts schreiben.
Blassviolettrot für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Blassviolettrot-Text auf Weiß | 3,11 : 1 | nur AA für großen Text |
| Blassviolettrot-Text auf Schwarz | 6,75 : 1 | AA |
Auf einem blassviolettroten Hintergrund nutze schwarzen Text (6,75 : 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 Kontrastprüfer.
CSS
.element {
color: palevioletred; /* or #db7093 */
background-color: #db7093;
border: 1px solid rgb(219 112 147 / 50%);
}
Ähnliche benannte Farben
Hellkoralle (#f08080), Rosybraun (#bc8f8f), Dunkellachs (#e9967a), Lachs (#fa8072), Knallpink (#ff69b4), Indischrot (#cd5c5c).
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.