Über Dunkelrot
Dunkelrot (darkred) ist ein dunkles, kräftiges Rot mit dem HEX-Code #8b0000, oder rgb(139, 0, 0). Im HSL-Modell liegt es bei einem Farbton von 0°, 100 % Sättigung und 27 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: darkred; statt des HEX-Werts schreiben.
Dunkelrot für Text und Hintergründe
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkelrot-Text auf Weiß | 10.01 : 1 | AAA |
| Dunkelrot-Text auf Schwarz | 2.10 : 1 | nicht bestanden |
Auf einem dunkelroten Hintergrund nutzt du weißen Text (10.01 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen prüfst du mit dem Kontrastprüfer.
CSS
.element {
color: darkred; /* or #8b0000 */
background-color: #8b0000;
border: 1px solid rgb(139 0 0 / 50%);
}
Ähnliche benannte Farben
Kastanienbraun (#800000), Ziegelrot (#b22222), Braun (#a52a2a), Sattelbraun (#8b4513), Siena (#a0522d), Karmesinrot (#dc143c).
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.