Hellgrün Farbcode (#90ee90)

Hellgrün ist #90ee90 im HEX-Format und rgb(144, 238, 144) — ein helles Grün. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Hellgrün
#90ee90
CSS-Namelightgreen
Hex#90ee90
RGBrgb(144, 238, 144)
HSLhsl(120 73% 75%)
HWBhwb(120 56% 7%)
CMYK39%, 0%, 39%, 7%

Tönungen und Schattierungen

Farbharmonien

Über Hellgrün

Hellgrün (lightgreen) ist ein helles, lebendiges Grün mit dem HEX-Code #90ee90 bzw. rgb(144, 238, 144). Im HSL-Modell liegt es bei einem Farbton von 120°, 73 % Sättigung und 75 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightgreen; statt des HEX-Werts schreiben.

Hellgrün für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Hellgrüner Text auf Weiß1.42 : 1nicht bestanden
Hellgrüner Text auf Schwarz14.82 : 1AAA

Auf einem hellgrünen Hintergrund verwendest du Schwarz als Textfarbe (14.82 : 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 Kontrastprüfer.

CSS

.element {
  color: lightgreen;               /* or #90ee90 */
  background-color: #90ee90;
  border: 1px solid rgb(144 238 144 / 50%);
}

Ähnliche benannte Farben

Blassgrün (#98fb98), Dunkelmeergrün (#8fbc8f), Mittleres Aquamarin (#66cdaa), Aquamarin (#7fffd4), Dunkelgrau (#a9a9a9), Dunkelkhaki (#bdb76b).

Häufige Fragen

Was ist der HEX-Code für Hellgrün?
#90ee90 — das entspricht rgb(144, 238, 144) und hsl(120, 73%, 75%). In CSS kannst du auch einfach lightgreen schreiben.
Ist hellgrüner Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß beträgt 1.42 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellgrün?
Die Komplementärfarbe ist #ee91ee; die analogen Farben #bfee91 und #91eebf liegen im Farbkreis direkt daneben.