Schokoladenfarbe (#d2691e) – Farbcode

Schokolade ist #d2691e als Hex-Wert und rgb(210, 105, 30) – ein mittleres Orange. Unten findest du alle Farbformate, Tints und Shades, Farbharmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Schokolade
#d2691e
CSS-Namechocolate
Hex#d2691e
RGBrgb(210, 105, 30)
HSLhsl(25 75% 47%)
HWBhwb(25 12% 18%)
CMYK0%, 50%, 86%, 18%

Tints und Shades

Farbharmonien

Über Schokolade

Schokolade (chocolate) ist ein mittleres, kräftiges Orange mit dem Hex-Code #d2691e oder rgb(210, 105, 30). In HSL liegt er bei einem Farbton von 25°, 75% Sättigung und 47% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: chocolate; statt des Hex-Werts schreiben.

Schokolade für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Text in Schokoladenfarbe auf Weiß3.63 : 1nur AA für große Schrift
Text in Schokoladenfarbe auf Schwarz5.78 : 1AA

Auf einem schokoladenfarbenen Hintergrund verwendest du Schwarz als Textfarbe (5.78 : 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: chocolate;               /* or #d2691e */
  background-color: #d2691e;
  border: 1px solid rgb(210 105 30 / 50%);
}

Ähnliche benannte Farben

Dunkles Goldrutengelb (#b8860b), Peru (#cd853f), Sienna (#a0522d), Goldrute (#daa520), Tomate (#ff6347), Indischrot (#cd5c5c).

Häufige Fragen

Was ist der Hex-Code für Schokolade?
#d2691e – das entspricht rgb(210, 105, 30) und hsl(25, 75%, 47%). In CSS kannst du auch einfach chocolate schreiben.
Ist Schokoladenfarbe auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 3.63 : 1, was nur für große Schrift ausreicht (WCAG AA large).
Welche Farben passen zu Schokolade?
Die Komplementärfarbe ist #1e87d2; die analogen Farben #d21e2d und #d2c31e liegen im Farbkreis direkt daneben.