Mitternachtsblau Farbcode (#191970)

Midnight Blue ist #191970 in Hex und rgb(25, 25, 112) — ein dunkles Blau. Unten findest du alle Farbformate, Tints und Shades, Farbharmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Mitternachtsblau
#191970
CSS-Namemidnightblue
Hex#191970
RGBrgb(25, 25, 112)
HSLhsl(240 64% 27%)
HWBhwb(240 10% 56%)
CMYK78%, 78%, 0%, 56%

Tints und Shades

Farbharmonien

Über Mitternachtsblau

Midnight Blue (midnightblue) ist ein dunkles, kräftiges Blau mit dem Hex-Code #191970, bzw. rgb(25, 25, 112). Im HSL-Modell liegt es bei einem Farbton von 240°, 64% Sättigung und 27% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst также color: midnightblue; statt des Hex-Werts schreiben.

Mitternachtsblau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Midnight Blue Text auf Weiß14.85 : 1AAA
Midnight Blue Text auf Schwarz1.41 : 1nicht bestanden

Auf einem Mitternachtsblau-Hintergrund verwendest du weißen Text (14.85 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: midnightblue;               /* or #191970 */
  background-color: #191970;
  border: 1px solid rgb(25 25 112 / 50%);
}

Ähnliche benannte Farben

Navy (#000080), Dunkelblau (#00008b), Indigo (#4b0082), Dunkles Schieferblau (#483d8b), Dunkles Schiefergrau (#2f4f4f), Rebeccapurpur (#663399).

Häufige Fragen

Was ist der Hex-Code für Mitternachtsblau?
#191970 — das entspricht rgb(25, 25, 112) und hsl(240, 64%, 27%). In CSS kannst du auch einfach midnightblue schreiben.
Ist Mitternachtsblau auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 14.85 : 1, damit besteht es WCAG AA für normalen Text.
Welche Farben passen gut zu Mitternachtsblau?
Die Komplementärfarbe ist #717119; die analogen Farben #194571 und #451971 liegen im Farbkreis direkt daneben.