Hellrosa Farbcode (#ffb6c1)

Hellrosa ist #ffb6c1 im Hex-Format und rgb(255, 182, 193) — ein sehr helles Rot. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Hellrosa
#ffb6c1
CSS-Namelightpink
Hex#ffb6c1
RGBrgb(255, 182, 193)
HSLhsl(351 100% 86%)
HWBhwb(351 71% 0%)
CMYK0%, 29%, 24%, 0%

Tönungen und Schattierungen

Farbharmonien

Über Hellrosa

Hellrosa (lightpink) ist ein sehr helles, kräftiges Rot mit dem Hex-Code #ffb6c1, oder rgb(255, 182, 193). Im HSL-Modell liegt es bei einem Farbton von 351°, 100 % Sättigung und 86 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightpink; statt des Hex-Werts schreiben.

Hellrosa für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Hellrosa-Text auf Weiß1,65 : 1nicht bestanden
Hellrosa-Text auf Schwarz12,71 : 1AAA

Auf einem hellrosa Hintergrund verwendest du am besten schwarzen Text (12,71 : 1). WCAG verlangt mindestens 4,5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: lightpink;               /* or #ffb6c1 */
  background-color: #ffb6c1;
  border: 1px solid rgb(255 182 193 / 50%);
}

Ähnliche benannte Farben

Rosa (#ffc0cb), Pfirsich (#ffdab9), Weizen (#f5deb3), Navajoweiß (#ffdead), Bisquit (#ffe4c4), Distelfarben (#d8bfd8).

Häufige Fragen

Was ist der Hex-Code für Hellrosa?
#ffb6c1 — das entspricht rgb(255, 182, 193) und hsl(351, 100%, 86%). In CSS kannst du auch einfach lightpink schreiben.
Ist Hellrosa-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1,65 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Hellrosa?
Die Komplementärfarbe ist #b8fff4; die analogen Farben #ffb8e6 und #ffd1b8 liegen auf dem Farbkreis direkt daneben.