Hellmeergrün Farbcode (#20b2aa)

Hellmeergrün ist #20b2aa im Hex-Format und rgb(32, 178, 170) – ein mittleres Cyan. Unten findest du alle Farbformate, Tints und Shades, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Hellmeergrün
#20b2aa
CSS-Namelightseagreen
Hex#20b2aa
RGBrgb(32, 178, 170)
HSLhsl(177 70% 41%)
HWBhwb(177 13% 30%)
CMYK82%, 0%, 4%, 30%

Helle und dunkle Töne

Farbharmonien

Ü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

PaarungKontrastverhältnisWCAG
Hellmeergrüner Text auf Weiß2.62 : 1fällt durch
Hellmeergrüner Text auf Schwarz8.01 : 1AAA

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).

Häufige Fragen

Was ist der Hex-Code für Hellmeergrün?
#20b2aa – das entspricht rgb(32, 178, 170) und hsl(177, 70%, 41%). In CSS kannst du auch einfach lightseagreen schreiben.
Ist Hellmeergrün als Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2.62 : 1 und fällt damit bei WCAG durch – verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellmeergrün?
Die Komplementärfarbe ist #b21f27; die analogen Farben #1fb261 und #1f70b2 liegen im Farbkreis direkt daneben.