Über Waldgrün
Waldgrün (forestgreen) ist ein dunkles, kräftiges Grün mit dem Hex-Code #228b22, oder rgb(34, 139, 34). Im HSL-Modell liegt es bei einem Farbton von 120°, 61 % Sättigung und 34 % Helligkeit. Es ist eine der 148 benannten Farben, die jeder Browser versteht, du kannst also color: forestgreen; statt des Hex-Werts schreiben.
Waldgrün für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Waldgrüner Text auf Weiß | 4.39 : 1 | AA nur für große Schrift |
| Waldgrüner Text auf Schwarz | 4.78 : 1 | AA |
Auf einem waldgrünen Hintergrund verwende Schwarz als Textfarbe (4.78 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: forestgreen; /* or #228b22 */
background-color: #228b22;
border: 1px solid rgb(34 139 34 / 50%);
}
Ähnliche benannte Farben
Grün (#008000), Meergrün (#2e8b57), Dunkles Olivgrün (#556b2f), Dunkelgrün (#006400), Limettengrün (#32cd32), Olivdrab (#6b8e23).
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.