Blassviolettrot Farbcode (#db7093)

Blassviolettrot ist #db7093 in HEX und rgb(219, 112, 147) – ein helles Pink. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Blassviolettrot
#db7093
CSS-Namepalevioletred
Hex#db7093
RGBrgb(219, 112, 147)
HSLhsl(340 60% 65%)
HWBhwb(340 44% 14%)
CMYK0%, 49%, 33%, 14%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Blassviolettrot-Text auf Weiß3,11 : 1nur AA für großen Text
Blassviolettrot-Text auf Schwarz6,75 : 1AA

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).

Häufige Fragen

Welchen HEX-Code hat Blassviolettrot?
#db7093 – das entspricht rgb(219, 112, 147) und hsl(340, 60%, 65%). In CSS kannst du auch einfach palevioletred schreiben.
Ist blassviolettroter Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 3,11 : 1. Das reicht nach WCAG AA nur für großen Text.
Welche Farben passen gut zu Blassviolettrot?
Die Komplementärfarbe ist #70dbb8; die analogen Farben #db70c9 und #db8270 liegen im Farbkreis direkt daneben.