Tan Farbcode (#d2b48c)

Tan ist #d2b48c im Hex-Format und rgb(210, 180, 140) — ein helles Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Tan
#d2b48c
CSS-Nametan
Hex#d2b48c
RGBrgb(210, 180, 140)
HSLhsl(34 44% 69%)
HWBhwb(34 55% 18%)
CMYK0%, 14%, 33%, 18%

Töne und Schattierungen

Farbharmonien

Über Tan

Tan (tan) ist ein helles, mäßig gesättigtes Orange mit dem Hex-Code #d2b48c bzw. rgb(210, 180, 140). Im HSL-Modell liegt es bei einem Farbton von 34°, 44% Sättigung und 69% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: tan; statt des Hex-Werts schreiben.

Tan für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Tan-Text auf Weiß1.97 : 1nicht bestanden
Tan-Text auf Schwarz10.65 : 1AAA

Auf einem Tan-Hintergrund verwendest du am besten schwarzen Text (10.65 : 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 Kontrast-Checker prüfen.

CSS

.element {
  color: tan;               /* or #d2b48c */
  background-color: #d2b48c;
  border: 1px solid rgb(210 180 140 / 50%);
}

Ähnliche benannte Farben

Burlywood (#deb887), Dunkelkhaki (#bdb76b), Dunkellachs (#e9967a), Rosybraun (#bc8f8f), Dunkelgrau (#a9a9a9), Helllachs (#ffa07a).

Häufige Fragen

Welcher Hex-Code gehört zu Tan?
#d2b48c — das entspricht rgb(210, 180, 140) und hsl(34, 44%, 69%). In CSS kannst du auch einfach tan schreiben.
Ist Tan-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.97 : 1 und ist damit nicht WCAG-konform — verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Tan?
Die Komplementärfarbe ist #8dabd3; die analogen Farben #d3928d und #ced38d liegen im Farbkreis direkt daneben.