Hot Pink Farbcode (#ff69b4)

Hot Pink ist #ff69b4 im Hex-Format und rgb(255, 105, 180) — ein helles Pink. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Hot Pink
#ff69b4
CSS-Namehotpink
Hex#ff69b4
RGBrgb(255, 105, 180)
HSLhsl(330 100% 71%)
HWBhwb(330 41% 0%)
CMYK0%, 59%, 29%, 0%

Töne und Schattierungen

Farbharmonien

Über Hot Pink

Hot Pink (hotpink) ist ein helles, leuchtendes Pink mit dem Hex-Code #ff69b4 oder rgb(255, 105, 180). In HSL liegt es bei einem Farbton von 330°, 100 % Sättigung und 71 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: hotpink; statt des Hex-Werts schreiben.

Hot Pink für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Hot Pink Text auf Weiß2.65 : 1nicht bestanden
Hot Pink Text auf Schwarz7.93 : 1AAA

Auf einem Hot-Pink-Hintergrund nimmst du schwarzen Text (7.93 : 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 Kontrast-Checker.

CSS

.element {
  color: hotpink;               /* or #ff69b4 */
  background-color: #ff69b4;
  border: 1px solid rgb(255 105 180 / 50%);
}

Ähnliche benannte Farben

Blassviolettrot (#db7093), Orchidee (#da70d6), Helles Korallenrot (#f08080), Violett (#ee82ee), Lachs (#fa8072), Pflaume (#dda0dd).

Häufige Fragen

Welcher Hex-Code gehört zu Hot Pink?
#ff69b4 — das entspricht rgb(255, 105, 180) und hsl(330, 100%, 71%). In CSS kannst du auch einfach hotpink schreiben.
Ist Hot Pink Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.65 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hot Pink?
Die Komplementärfarbe ist #6bffb5; die analogen Farben #ff6bff und #ff6b6b liegen im Farbkreis direkt daneben.