Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Navy-Text auf Weiß | 16.01 : 1 | AAA |
| Navy-Text auf Schwarz | 1.31 : 1 | nicht 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).
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.