Ü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
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Gelbgrüner Text auf Weiß | 1.88 : 1 | nicht bestanden |
| Gelbgrüner Text auf Schwarz | 11.15 : 1 | AAA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.