Helles Korallenrot Farbcode (#f08080)

Helles Korallenrot ist #f08080 im HEX-Format und rgb(240, 128, 128) — ein helles Rot. Unten findest du alle Farbformate, Töne und Schattierungen, Farbharmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Helles Korallenrot
#f08080
CSS-Namelightcoral
Hex#f08080
RGBrgb(240, 128, 128)
HSLhsl(0 79% 72%)
HWBhwb(0 50% 6%)
CMYK0%, 47%, 47%, 6%

Töne und Schattierungen

Farbharmonien

Über Helles Korallenrot

Helles Korallenrot (lightcoral) ist ein helles, lebhaftes Rot mit dem HEX-Code #f08080 bzw. rgb(240, 128, 128). Im HSL-Modell liegt es bei einem Farbton von 0°, 79% Sättigung und 72% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser kennt, sodass du statt des HEX-Werts color: lightcoral; schreiben kannst.

Helles Korallenrot für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Helles Korallenrot-Text auf Weiß2.59 : 1nicht bestanden
Helles Korallenrot-Text auf Schwarz8.10 : 1AAA

Auf einem hellen Korallen-Hintergrund nimmst du am besten schwarzen Text (8.10 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für großen Text 3 : 1. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: lightcoral;               /* or #f08080 */
  background-color: #f08080;
  border: 1px solid rgb(240 128 128 / 50%);
}

Ähnliche benannte Farben

Lachs (#fa8072), Dunkles Lachs (#e9967a), Blasses Violettrot (#db7093), Helles Lachs (#ffa07a), Sandbraun (#f4a460), Koralle (#ff7f50).

Häufige Fragen

Was ist der HEX-Code für Helles Korallenrot?
#f08080 — das entspricht rgb(240, 128, 128) und hsl(0, 79%, 72%). In CSS kannst du auch einfach lightcoral schreiben.
Ist Helles Korallenrot als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.59 : 1 und besteht den WCAG-Test nicht. Nutze die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Helles Korallenrot?
Die Komplementärfarbe ist #7ff0f0; die analogen Farben #f07fb8 und #f0b87f liegen im Farbkreis direkt daneben.