Frühlingsgrün Farbcode (#00ff7f)

Frühlingsgrün hat #00ff7f als Hex-Wert und rgb(0, 255, 127) – ein mittleres Grün. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Frühlingsgrün
#00ff7f
CSS-Namespringgreen
Hex#00ff7f
RGBrgb(0, 255, 127)
HSLhsl(150 100% 50%)
HWBhwb(150 0% 0%)
CMYK100%, 0%, 50%, 0%

Tints und Shades

Farbharmonien

Über Frühlingsgrün

Frühlingsgrün (springgreen) ist ein mittleres, kräftiges Grün mit dem Hex-Code #00ff7f, bzw. rgb(0, 255, 127). Im HSL-Farbmodell liegt es bei einem Farbton von 150°, 100 % Sättigung und 50 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: springgreen; statt des Hex-Werts schreiben.

Frühlingsgrün für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Frühlingsgrün-Text auf Weiß1.35 : 1nicht bestanden
Frühlingsgrün-Text auf Schwarz15.61 : 1AAA

Auf einem frühlingsgrünen Hintergrund funktioniert schwarzer Text am besten (15.61 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: springgreen;               /* or #00ff7f */
  background-color: #00ff7f;
  border: 1px solid rgb(0 255 127 / 50%);
}

Ähnliche benannte Farben

Mittleres Frühlingsgrün (#00fa9a), Helles Meergrün (#20b2aa), Dunkles Türkis (#00ced1), Mittleres Meergrün (#3cb371), Limettengrün (#32cd32), Türkis (#40e0d0).

Häufige Fragen

Was ist der Hex-Code für Frühlingsgrün?
#00ff7f – das entspricht rgb(0, 255, 127) und hsl(150, 100%, 50%). In CSS kannst du auch einfach springgreen schreiben.
Ist Frühlingsgrün als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.35 : 1 und besteht den WCAG-Test nicht – verwende es besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Frühlingsgrün?
Die Komplementärfarbe ist #ff0080; die analogen Farben #00ff00 und #00ffff liegen im Farbkreis direkt daneben.