Waldgrün Farbcode (#228b22)

Waldgrün ist #228b22 im Hex-Format und rgb(34, 139, 34) — ein dunkles Grün. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Waldgrün
#228b22
CSS-Nameforestgreen
Hex#228b22
RGBrgb(34, 139, 34)
HSLhsl(120 61% 34%)
HWBhwb(120 13% 45%)
CMYK76%, 0%, 76%, 45%

Töne und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Waldgrüner Text auf Weiß4.39 : 1AA nur für große Schrift
Waldgrüner Text auf Schwarz4.78 : 1AA

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).

Häufige Fragen

Was ist der Hex-Code für Waldgrün?
#228b22 — das entspricht rgb(34, 139, 34) und hsl(120, 61%, 34%). In CSS kannst du auch einfach forestgreen schreiben.
Ist Waldgrün als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 4.39 : 1, das nur für große Schrift ausreicht (WCAG AA groß).
Welche Farben passen gut zu Waldgrün?
Die Komplementärfarbe ist #8c228c; die analogen Farben #578c22 und #228c57 liegen im Farbkreis direkt daneben.