Über Blassgrün
Blassgrün (palegreen) ist ein helles, kräftiges Grün mit dem Hex-Code #98fb98 oder rgb(152, 251, 152). Im HSL-Modell liegt es bei einem Farbton von 120°, 93 % Sättigung und 79 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts einfach color: palegreen; schreiben kannst.
Blassgrün für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Blassgrüner Text auf Weiß | 1.27 : 1 | nicht bestanden |
| Blassgrüner Text auf Schwarz | 16.59 : 1 | AAA |
Auf einem blassgrünen Hintergrund verwendest du am besten schwarzen Text (16.59 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: palegreen; /* or #98fb98 */
background-color: #98fb98;
border: 1px solid rgb(152 251 152 / 50%);
}
Ähnliche benannte Farben
Hellgrün (#90ee90), Dunkles Meergrün (#8fbc8f), Aquamarin (#7fffd4), Mittleres Aquamarin (#66cdaa), Silber (#c0c0c0), Dunkelgrau (#a9a9a9).
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.