Gelbgrün Farbcode (#9acd32)

Gelbgrün ist #9acd32 im HEX-Format und rgb(154, 205, 50) — ein mittleres Grün. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Gelbgrün
#9acd32
CSS-Nameyellowgreen
Hex#9acd32
RGBrgb(154, 205, 50)
HSLhsl(80 61% 50%)
HWBhwb(80 20% 20%)
CMYK25%, 0%, 76%, 20%

Tints und Shades

Farbharmonien

Über Gelbgrün

Gelbgrün (yellowgreen) ist ein mittleres, kräftiges Grün mit dem HEX-Code #9acd32 bzw. rgb(154, 205, 50). Im HSL-Farbmodell liegt sie bei einem Farbton von 80°, 61% Sättigung und 50% Helligkeit. Sie gehört zu den 148 benannten Farben, die jeder Browser kennt, du kannst also color: yellowgreen; statt des HEX-Werts schreiben.

Gelbgrün für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Gelbgrüner Text auf Weiß1.88 : 1nicht bestanden
Gelbgrüner Text auf Schwarz11.15 : 1AAA

Auf einem gelbgrünen Hintergrund nimmst du am besten schwarzen Text (11.15 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für großen Text 3 : 1. Weitere Kombinationen kannst du mit dem Kontrastprüfer testen.

CSS

.element {
  color: yellowgreen;               /* or #9acd32 */
  background-color: #9acd32;
  border: 1px solid rgb(154 205 50 / 50%);
}

Ähnliche benannte Farben

Grüngelb (#adff2f), Dunkles Khaki (#bdb76b), Rasengrün (#7cfc00), Chartreuse (#7fff00), Goldrute (#daa520), Olivdrab (#6b8e23).

Häufige Fragen

Welcher HEX-Code gehört zu Gelbgrün?
#9acd32 — das entspricht rgb(154, 205, 50) und hsl(80, 61%, 50%). In CSS kannst du auch einfach yellowgreen schreiben.
Ist gelbgrüner Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.88 : 1 und ist damit nicht WCAG-konform — verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen zu Gelbgrün?
Die Komplementärfarbe ist #6632cd; die analogen Farben #cdb332 und #4ccd32 liegen im Farbkreis direkt daneben.