Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Helles Korallenrot-Text auf Weiß | 2.59 : 1 | nicht bestanden |
| Helles Korallenrot-Text auf Schwarz | 8.10 : 1 | AAA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.