Sattelbraun Farbcode (#8b4513)

Sattelbraun ist #8b4513 im Hex-Format und rgb(139, 69, 19) — ein dunkles Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Sattelbraun
#8b4513
CSS-Namesaddlebrown
Hex#8b4513
RGBrgb(139, 69, 19)
HSLhsl(25 76% 31%)
HWBhwb(25 7% 45%)
CMYK0%, 50%, 86%, 45%

Töne und Schattierungen

Farbharmonien

Über Sattelbraun

Sattelbraun (saddlebrown) ist ein dunkles, kräftiges Orange mit dem Hex-Code #8b4513 bzw. rgb(139, 69, 19). Im HSL-Modell liegt es bei einem Farbton von 25°, einer Sättigung von 76 % und einer Helligkeit von 31 %. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also statt des Hex-Werts color: saddlebrown; schreiben.

Sattelbraun für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Sattelbraun-Text auf Weiß7,10 : 1AAA
Sattelbraun-Text auf Schwarz2,96 : 1nicht bestanden

Auf einem Sattelbraun-Hintergrund nutze weißen Text (7,10 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: saddlebrown;               /* or #8b4513 */
  background-color: #8b4513;
  border: 1px solid rgb(139 69 19 / 50%);
}

Ähnliche benannte Farben

Sienna (#a0522d), Braun (#a52a2a), Feuerziegel (#b22222), Oliv (#808000), Dunkelrot (#8b0000), Dunkles Olivgrün (#556b2f).

Häufige Fragen

Was ist der Hex-Code für Sattelbraun?
#8b4513 — das entspricht rgb(139, 69, 19) und hsl(25, 76%, 31%). In CSS kannst du auch einfach saddlebrown schreiben.
Ist Sattelbraun-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 7,10 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Sattelbraun?
Die Komplementärfarbe ist #13598b; die analogen Farben #8b131d und #8b8113 liegen im Farbkreis direkt daneben.