Über Dunkelgrün
Dunkelgrün (darkgreen) ist ein dunkles, kräftiges Grün mit dem Hex-Code #006400 bzw. rgb(0, 100, 0). In HSL liegt es bei einem Farbton von 120°, 100% Sättigung und 20% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also statt des Hex-Werts einfach color: darkgreen; schreiben.
Dunkelgrün für Text und Hintergründe verwenden
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkelgrüner Text auf Weiß | 7.44 : 1 | AAA |
| Dunkelgrüner Text auf Schwarz | 2.82 : 1 | nicht bestanden |
Auf einem dunkelgrünen Hintergrund eignet sich weißer Text (7.44 : 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: darkgreen; /* or #006400 */
background-color: #006400;
border: 1px solid rgb(0 100 0 / 50%);
}
Ähnliche benannte Farben
Grün (#008000), Waldgrün (#228b22), Dunkelschiefergrau (#2f4f4f), Dunkelolivgrün (#556b2f), Schwarz (#000000), Meergrün (#2e8b57).
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.