Green Yellow Farbcode (#adff2f)

Green Yellow ist #adff2f im Hex-Format und rgb(173, 255, 47) — ein mittleres Grün. Unten findest du alle Farbformate, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Green Yellow
#adff2f
CSS-Namegreenyellow
Hex#adff2f
RGBrgb(173, 255, 47)
HSLhsl(84 100% 59%)
HWBhwb(84 18% 0%)
CMYK32%, 0%, 82%, 0%

Töne und Schattierungen

Farbharmonien

Über Green Yellow

Green Yellow (greenyellow) ist ein mittleres, kräftiges Grün mit dem Hex-Code #adff2f oder rgb(173, 255, 47). Im HSL-Modell liegt es bei einem Farbton von 84°, 100 % Sättigung und 59 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also statt des Hex-Werts einfach color: greenyellow; schreiben.

Green Yellow für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Green-Yellow-Text auf Weiß1.23 : 1nicht bestanden
Green-Yellow-Text auf Schwarz17.12 : 1AAA

Auf einem Green-Yellow-Hintergrund verwende schwarzen Text (17.12 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: greenyellow;               /* or #adff2f */
  background-color: #adff2f;
  border: 1px solid rgb(173 255 47 / 50%);
}

Ähnliche benannte Farben

Gelbgrün (#9acd32), Chartreuse (#7fff00), Rasengrün (#7cfc00), Gelb (#ffff00), Dunkles Khaki (#bdb76b), Goldrute (#daa520).

Häufige Fragen

Was ist der Hex-Code für Green Yellow?
#adff2f – das entspricht rgb(173, 255, 47) und hsl(84, 100%, 59%). In CSS kannst du auch einfach greenyellow schreiben.
Ist Green-Yellow-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.23 : 1 und besteht damit nicht den WCAG-Test. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Green Yellow?
Die Komplementärfarbe ist #822eff; die analogen Farben #ffea2e und #43ff2e liegen im Farbkreis direkt daneben.