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