Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkelorange-Text auf Weiß | 2.33 : 1 | fällt durch |
| Dunkelorange-Text auf Schwarz | 9.00 : 1 | AAA |
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).
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.