Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Orangerot-Text auf Weiß | 3,44 : 1 | nur AA für großen Text |
| Orangerot-Text auf Schwarz | 6,10 : 1 | AA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.