Navy Farbcode (#000080)

Navy ist #000080 im HEX-Format und rgb(0, 0, 128) – ein dunkles Blau. Darunter findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Textfarbe lesbar ist.

Aktualisiert am

Navy
#000080
CSS-Namenavy
Hex#000080
RGBrgb(0, 0, 128)
HSLhsl(240 100% 25%)
HWBhwb(240 0% 50%)
CMYK100%, 100%, 0%, 50%

Töne und Schattierungen

Farbharmonien

Über Navy

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

Navy für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Navy-Text auf Weiß16.01 : 1AAA
Navy-Text auf Schwarz1.31 : 1nicht bestanden

Auf einem Navy-Hintergrund verwende weißen Text (16.01 : 1). WCAG verlangt mindestens 4.5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Andere Kombinationen kannst du mit dem Kontrastprüfer testen.

CSS

.element {
  color: navy;               /* or #000080 */
  background-color: #000080;
  border: 1px solid rgb(0 0 128 / 50%);
}

Ähnliche benannte Farben

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

Häufige Fragen

Was ist der HEX-Code für Navy?
#000080 – das entspricht rgb(0, 0, 128) und hsl(240, 100%, 25%). In CSS kannst du auch einfach navy schreiben.
Ist Navy-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 16.01 : 1. Damit besteht die Farbe WCAG AA für normalen Text.
Welche Farben passen gut zu Navy?
Die Komplementärfarbe ist #808000. Die analogen Farben #004080 und #400080 liegen im Farbkreis direkt daneben.