Über Sienna
Sienna (sienna) ist ein mittleres, mäßig gesättigtes Orange mit dem Hex-Code #a0522d oder rgb(160, 82, 45). Im HSL-Modell liegt es bei einem Farbton von 19°, 56% Sättigung und 40% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: sienna; statt des Hex-Werts schreiben.
Sienna für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Sienna-Text auf Weiß | 5.62 : 1 | AA |
| Sienna-Text auf Schwarz | 3.74 : 1 | nur AA für große Schrift |
Auf einem Sienna-Hintergrund verwendest du weißen Text (5.62 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrastprüfer testen.
CSS
.element {
color: sienna; /* or #a0522d */
background-color: #a0522d;
border: 1px solid rgb(160 82 45 / 50%);
}
Ähnliche benannte Farben
Sattelbraun (#8b4513), Braun (#a52a2a), Feuerziegel (#b22222), Schokolade (#d2691e), Indischrot (#cd5c5c), Dunkelgoldrute (#b8860b).
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.