Orange Farbcode (#ffa500)

Über Orange

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

Orange für Text und Hintergründe verwenden

Auf einem orangefarbenen Hintergrund verwendest du Schwarz als Textfarbe (10,63 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

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

Ähnliche benannte Farben

Dunkelorange (#ff8c00), Goldrute (#daa520), Gold (#ffd700), Dunkelgoldrute (#b8860b), Schokolade (#d2691e), Peru (#cd853f).