Dunkelgrün Farbcode (#006400)

Dunkelgrün ist #006400 in Hex und rgb(0, 100, 0) — ein dunkles Grün. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Dunkelgrün
#006400
CSS-Namedarkgreen
Hex#006400
RGBrgb(0, 100, 0)
HSLhsl(120 100% 20%)
HWBhwb(120 0% 61%)
CMYK100%, 0%, 100%, 61%

Töne und Schattierungen

Farbharmonien

Ü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

PaarungKontrastverhältnisWCAG
Dunkelgrüner Text auf Weiß7.44 : 1AAA
Dunkelgrüner Text auf Schwarz2.82 : 1nicht 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).

Häufige Fragen

Was ist der Hex-Code für Dunkelgrün?
#006400 — das entspricht rgb(0, 100, 0) und hsl(120, 100%, 20%). In CSS kannst du auch einfach darkgreen schreiben.
Ist dunkelgrüner Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 7.44 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Dunkelgrün?
Die Komplementärfarbe ist #660066; die analogen Farben #336600 und #006633 liegen im Farbkreis direkt daneben.