Sienna Farbcode (#a0522d)

Sienna ist #a0522d in Hex und rgb(160, 82, 45) — ein mittleres Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Sienna
#a0522d
CSS-Namesienna
Hex#a0522d
RGBrgb(160, 82, 45)
HSLhsl(19 56% 40%)
HWBhwb(19 18% 37%)
CMYK0%, 49%, 72%, 37%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Sienna-Text auf Weiß5.62 : 1AA
Sienna-Text auf Schwarz3.74 : 1nur 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).

Häufige Fragen

Was ist der Hex-Code für Sienna?
#a0522d — das entspricht rgb(160, 82, 45) und hsl(19, 56%, 40%). In CSS kannst du auch einfach sienna schreiben.
Ist Sienna-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5.62 : 1, das erfüllt WCAG AA für normalen Text.
Welche Farben passen gut zu Sienna?
Die Komplementärfarbe ist #2d7b9f; die analogen Farben #9f2d42 und #9f8a2d liegen im Farbkreis direkt daneben.