Rasengrün Farbcode (#7cfc00)

Rasengrün ist im HEX-Format #7cfc00 und als rgb(124, 252, 0) angegeben – ein mittleres Grün. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Rasengrün
#7cfc00
CSS-Namelawngreen
Hex#7cfc00
RGBrgb(124, 252, 0)
HSLhsl(90 100% 49%)
HWBhwb(90 0% 1%)
CMYK51%, 0%, 100%, 1%

Tönungen und Schattierungen

Farbharmonien

Über Rasengrün

Rasengrün (lawngreen) ist ein mittleres, leuchtendes Grün mit dem HEX-Code #7cfc00, oder rgb(124, 252, 0). Im HSL-Modell liegt es bei einem Farbton von 90°, 100 % Sättigung und 49 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des HEX-Werts einfach color: lawngreen; schreiben kannst.

Rasengrün für Text und Hintergründe

PaarungKontrastverhältnisWCAG
Rasengrüner Text auf Weiß1.33 : 1fällt durch
Rasengrüner Text auf Schwarz15.78 : 1AAA

Auf einem rasengrünen Hintergrund solltest du schwarzen Text verwenden (15.78 : 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: lawngreen;               /* or #7cfc00 */
  background-color: #7cfc00;
  border: 1px solid rgb(124 252 0 / 50%);
}

Ähnliche benannte Farben

Chartreuse (#7fff00), Grüngelb (#adff2f), Gelbgrün (#9acd32), Limettengrün (#32cd32), Olivdrab (#6b8e23), Limette (#00ff00).

Häufige Fragen

Wie lautet der HEX-Code für Rasengrün?
#7cfc00 – das entspricht rgb(124, 252, 0) und hsl(90, 100%, 49%). In CSS kannst du auch einfach lawngreen schreiben.
Ist Rasengrün als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.33 : 1 und fällt damit bei WCAG durch. Verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Rasengrün?
Die Komplementärfarbe ist #7d00fa; die analogen Farben #fafa00 und #00fa00 liegen im Farbkreis direkt daneben.