Farbcode Helles Lachs (#ffa07a)

Helles Lachs ist #ffa07a als Hex-Wert und rgb(255, 160, 122) — ein helles Orange. Unten findest du jedes Farbformat, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Helles Lachs
#ffa07a
CSS-Namelightsalmon
Hex#ffa07a
RGBrgb(255, 160, 122)
HSLhsl(17 100% 74%)
HWBhwb(17 48% 0%)
CMYK0%, 37%, 52%, 0%

Tönungen und Schattierungen

Farbharmonien

Über Helles Lachs

Helles Lachs (lightsalmon) ist ein helles, kräftiges Orange mit dem Hex-Code #ffa07a bzw. rgb(255, 160, 122). In HSL liegt er bei einem Farbton von 17°, 100 % Sättigung und 74 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht. Du kannst also statt des Hex-Werts einfach color: lightsalmon; schreiben.

Helles Lachs für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Helles Lachs-Text auf Weiß1.99 : 1nicht bestanden
Helles Lachs-Text auf Schwarz10.56 : 1AAA

Auf einem Hintergrund aus Hellem Lachs funktioniert schwarzer Text am besten (10.56 : 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: lightsalmon;               /* or #ffa07a */
  background-color: #ffa07a;
  border: 1px solid rgb(255 160 122 / 50%);
}

Ähnliche benannte Farben

Dunkles Lachs (#e9967a), Sandbraun (#f4a460), Lachs (#fa8072), Helles Korallenrot (#f08080), Burlywood (#deb887), Tan (#d2b48c).

Häufige Fragen

Was ist der Hex-Code für Helles Lachs?
#ffa07a — das entspricht rgb(255, 160, 122) und hsl(17, 100%, 74%). In CSS kannst du auch einfach lightsalmon schreiben.
Ist Text in Hellem Lachs auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.99 : 1 und fällt damit bei WCAG durch. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellem Lachs?
Die Komplementärfarbe ist #7ad9ff. Die analogen Farben #ff7a97 und #ffe27a liegen im Farbkreis direkt daneben.