Orangerot Farbcode (#ff4500)

Orangerot ist #ff4500 im Hex-Format und rgb(255, 69, 0) — ein mittleres Orange. Unten findest du alle Farbformate, Tönungen und Schattierungen, Farbharmonien und die Lesbarkeit als Text.

Aktualisiert am

Orangerot
#ff4500
CSS-Nameorangered
Hex#ff4500
RGBrgb(255, 69, 0)
HSLhsl(16 100% 50%)
HWBhwb(16 0% 0%)
CMYK0%, 73%, 100%, 0%

Tönungen und Schattierungen

Farbharmonien

Über Orangerot

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

Orangerot für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Orangerot-Text auf Weiß3,44 : 1nur AA für großen Text
Orangerot-Text auf Schwarz6,10 : 1AA

Auf einem orangeroten Hintergrund verwende schwarzen Text (6,10 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für großen Text. Prüfe weitere Kombinationen mit dem Kontrastprüfer.

CSS

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

Ähnliche benannte Farben

Schokolade (#d2691e), Rot (#ff0000), Dunkelorange (#ff8c00), Tomate (#ff6347), Karmesin (#dc143c), Feuerziegel (#b22222).

Häufige Fragen

Welcher Hex-Code hat Orangerot?
#ff4500 — das entspricht rgb(255, 69, 0) und hsl(16, 100%, 50%). In CSS kannst du auch einfach orangered schreiben.
Ist Orangerot als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 3,44 : 1 und besteht nur für großen Text (WCAG AA large).
Welche Farben passen gut zu Orangerot?
Die Komplementärfarbe ist #00bbff; die analogen Farben #ff003c und #ffc300 liegen im Farbkreis direkt daneben.