Dunkelblau Farbcode (#00008b)

Dunkelblau ist #00008b als HEX-Wert und rgb(0, 0, 139) — ein dunkles Blau. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Dunkelblau
#00008b
CSS-Namedarkblue
Hex#00008b
RGBrgb(0, 0, 139)
HSLhsl(240 100% 27%)
HWBhwb(240 0% 45%)
CMYK100%, 100%, 0%, 45%

Töne und Schattierungen

Farbharmonien

Über Dunkelblau

Dunkelblau (darkblue) ist ein dunkles, kräftiges Blau mit dem HEX-Code #00008b bzw. rgb(0, 0, 139). Im HSL-Modell liegt es bei einem Farbton von 240°, 100 % Sättigung und 27 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des HEX-Werts color: darkblue; schreiben kannst.

Dunkelblau für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Dunkelblauer Text auf Weiß15.30 : 1AAA
Dunkelblauer Text auf Schwarz1.37 : 1nicht bestanden

Auf einem dunkelblauen Hintergrund eignet sich weißer Text (15.30 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrastprüfer testen.

CSS

.element {
  color: darkblue;               /* or #00008b */
  background-color: #00008b;
  border: 1px solid rgb(0 0 139 / 50%);
}

Ähnliche benannte Farben

Marineblau (#000080), Mitternachtsblau (#191970), Mittelblau (#0000cd), Indigo (#4b0082), Dunkles Schieferblau (#483d8b), Dunkles Schiefergrau (#2f4f4f).

Häufige Fragen

Wie lautet der HEX-Code für Dunkelblau?
#00008b — das entspricht rgb(0, 0, 139) und hsl(240, 100%, 27%). In CSS kannst du auch einfach darkblue schreiben.
Ist dunkelblauer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 15.30 : 1 und besteht damit die WCAG-AA-Prüfung für normalen Text.
Welche Farben passen gut zu Dunkelblau?
Die Komplementärfarbe ist #8a8a00; die analogen Farben #00458a und #45008a liegen im Farbkreis direkt daneben.