Dunkelrot Farbcode (#8b0000)

Dunkelrot ist #8b0000 im HEX-Format und rgb(139, 0, 0) — ein dunkles Rot. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Dunkelrot
#8b0000
CSS-Namedarkred
Hex#8b0000
RGBrgb(139, 0, 0)
HSLhsl(0 100% 27%)
HWBhwb(0 0% 45%)
CMYK0%, 100%, 100%, 45%

Töne und Schattierungen

Farbharmonien

Ü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

PaarungKontrastverhältnisWCAG
Dunkelrot-Text auf Weiß10.01 : 1AAA
Dunkelrot-Text auf Schwarz2.10 : 1nicht 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).

Häufige Fragen

Was ist der HEX-Code für Dunkelrot?
#8b0000 — das entspricht rgb(139, 0, 0) und hsl(0, 100%, 27%). In CSS kannst du auch einfach darkred schreiben.
Ist dunkelroter Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 10.01 : 1, damit besteht es WCAG AA für normalen Text.
Welche Farben passen gut zu Dunkelrot?
Die Komplementärfarbe ist #008a8a; analoge Farben #8a0045 und #8a4500 liegen im Farbkreis daneben.