Deep Pink Farbcode (#ff1493)

Deep Pink ist #ff1493 in Hex und rgb(255, 20, 147), ein mittleres Magenta. Unten findest du alle Farbformate, Tints und Shades, Farbharmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Deep Pink
#ff1493
CSS-Namedeeppink
Hex#ff1493
RGBrgb(255, 20, 147)
HSLhsl(328 100% 54%)
HWBhwb(328 8% 0%)
CMYK0%, 92%, 42%, 0%

Tints und Shades

Farbharmonien

Über Deep Pink

Deep Pink (deeppink) ist ein mittleres, kräftiges Magenta mit dem Hex-Code #ff1493 oder rgb(255, 20, 147). Im HSL-Modell liegt er bei einem Farbton von 328°, 100 % Sättigung und 54 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: deeppink; statt des Hex-Werts schreiben kannst.

Deep Pink für Text und Hintergründe verwenden

PaarungKontrastverhältnisWCAG
Deep-Pink-Text auf Weiß3.64 : 1nur AA für große Schrift
Deep-Pink-Text auf Schwarz5.77 : 1AA

Auf einem Deep-Pink-Hintergrund verwendest du am besten schwarzen Text (5.77 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: deeppink;               /* or #ff1493 */
  background-color: #ff1493;
  border: 1px solid rgb(255 20 147 / 50%);
}

Ähnliche benannte Farben

Mittelviolettrot (#c71585), Knallpink (#ff69b4), Karminrot (#dc143c), Blassviolettrot (#db7093), Indischrot (#cd5c5c), Tomatenrot (#ff6347).

Häufige Fragen

Was ist der Hex-Code für Deep Pink?
#ff1493, das entspricht rgb(255, 20, 147) und hsl(328, 100%, 54%). In CSS kannst du auch einfach deeppink schreiben.
Ist Deep-Pink-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 3.64 : 1, was nur für große Schrift ausreicht (WCAG AA large).
Welche Farben passen gut zu Deep Pink?
Die Komplementärfarbe ist #14ff82. Die analogen Farben #f714ff und #ff141c liegen im Farbkreis direkt daneben.