Über Hellmeergrün
Hellmeergrün (lightseagreen) ist ein mittleres, lebendiges Cyan mit dem Hex-Code #20b2aa, oder rgb(32, 178, 170). Im HSL-Modell liegt es bei einem Farbton von 177°, 70 % Sättigung und 41 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht – du kannst also color: lightseagreen; statt des Hex-Werts schreiben.
Hellmeergrün für Text und Hintergründe
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Hellmeergrüner Text auf Weiß | 2.62 : 1 | fällt durch |
| Hellmeergrüner Text auf Schwarz | 8.01 : 1 | AAA |
Auf einem hellmeergrünen Hintergrund funktioniert schwarzer Text am besten (8.01 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: lightseagreen; /* or #20b2aa */
background-color: #20b2aa;
border: 1px solid rgb(32 178 170 / 50%);
}
Ähnliche benannte Farben
Dunkeltürkis (#00ced1), Dunkelcyan (#008b8b), Mitteltürkis (#48d1cc), Stahlblau (#4682b4), Mittelmeergrün (#3cb371), Kadettenblau (#5f9ea0).
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.