Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Sattelbraun-Text auf Weiß | 7,10 : 1 | AAA |
| Sattelbraun-Text auf Schwarz | 2,96 : 1 | nicht 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).
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.