Dunkelorange Farbcode (#ff8c00)

Dunkelorange ist #ff8c00 im Hex-Format und rgb(255, 140, 0) — ein mittleres Orange. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Dunkelorange
#ff8c00
CSS-Namedarkorange
Hex#ff8c00
RGBrgb(255, 140, 0)
HSLhsl(33 100% 50%)
HWBhwb(33 0% 0%)
CMYK0%, 45%, 100%, 0%

Töne und Schattierungen

Farbharmonien

Über Dunkelorange

Dunkelorange (darkorange) ist ein mittleres, kräftiges Orange mit dem Hex-Code #ff8c00, oder rgb(255, 140, 0). Im HSL-Modell liegt es bei einem Farbton von 33°, 100 % Sättigung und 50 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: darkorange; schreiben kannst.

Dunkelorange für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Dunkelorange-Text auf Weiß2.33 : 1fällt durch
Dunkelorange-Text auf Schwarz9.00 : 1AAA

Auf einem dunkelorangen Hintergrund eignet sich schwarzer Text (9.00 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.

CSS

.element {
  color: darkorange;               /* or #ff8c00 */
  background-color: #ff8c00;
  border: 1px solid rgb(255 140 0 / 50%);
}

Ähnliche benannte Farben

Orange (#ffa500), Goldrute (#daa520), Schokolade (#d2691e), Orangerot (#ff4500), Dunkle Goldrute (#b8860b), Gold (#ffd700).

Häufige Fragen

Welcher Hex-Code gehört zu Dunkelorange?
#ff8c00 — das entspricht rgb(255, 140, 0) und hsl(33, 100%, 50%). In CSS kannst du auch einfach darkorange schreiben.
Ist dunkelorangefarbener Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.33 : 1 und fällt damit bei WCAG durch. Verwende die Farbe besser zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Dunkelorange?
Die Komplementärfarbe ist #0073ff; die analogen Farben #ff0d00 und #f2ff00 liegen im Farbkreis direkt daneben.