Über Salmon
Salmon (salmon) ist ein helles, leuchtendes Rot mit dem Hex-Code #fa8072 bzw. rgb(250, 128, 114). Im HSL-Modell liegt er bei einem Farbton von 6°, 93 % Sättigung und 71 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: salmon; statt des Hex-Werts schreiben.
Salmon für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Salmon-Text auf Weiß | 2,50 : 1 | nicht bestanden |
| Salmon-Text auf Schwarz | 8,40 : 1 | AAA |
Auf einem Lachs-Hintergrund nimmst du am besten schwarzen Text (8,40 : 1). Die 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: salmon; /* or #fa8072 */
background-color: #fa8072;
border: 1px solid rgb(250 128 114 / 50%);
}
Ähnliche benannte Farben
Helles Korallenrot (#f08080), Dunkles Lachs (#e9967a), Helles Lachs (#ffa07a), Koralle (#ff7f50), Sandbraun (#f4a460), Blasses Violettrot (#db7093).
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.