Farbe Grasgrün

Ein leuchtendes Grün wie frisch gegossenes Gras. In CSS heißt es lawngreen. Eine lebendige Farbe für ländliche Illustrationen, Sportplätze und Kinderspiele.

Auch genannt: Rasengrün, Lawngreen.

Grasgrün · #7CFC00

Fakten zur Farbe Grasgrün

Grasgrün (#7CFC00) ist ein Farbton, der zwischen warm und kühl, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Grüntöne. Er besteht aus 124 Rot, 252 Grün und 0 Blau (von 255). Typische Einsatzbereiche: Sport, Web, Kinder.

Farbtöne von Grasgrün: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Farbharmonien mit Grasgrün

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Violett

AnalogÄhnlich wie: Gelb, Neongrün

TriadeÄhnlich wie: Elektroblau, Mexikanisches Rosa

Geteilt komplementärÄhnlich wie: Blau, Magenta

TetradeÄhnlich wie: Cyan, Violett, Rot

Farbpaletten mit Grasgrün

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Grasgrün

Farbpalette analog · Grasgrün

Farbpalette komplementär · Grasgrün

Farbpalette Triade · Grasgrün

Farbpalette mit Neutraltönen · Grasgrün

Farbpalette mit Akzent · Grasgrün

Kontrast von Grasgrün mit Text

Weißer TextKontrast 1.3:1 · Nicht empfohlen

Schwarzer TextKontrast 15.8:1 · AAA

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --grasgrun: #7CFC00;
  --grasgrun-rgb: 124, 252, 0;
}
.hintergrund { background-color: var(--grasgrun); }
.text { color: var(--grasgrun); }

Farbpaletten nach Thema mit dieser Farbe

Häufige Fragen

Welchen Farbcode hat Grasgrün?

Der HEX-Code von Grasgrün ist #7CFC00. In RGB ist es rgb(124, 252, 0), in HSL hsl(90, 100%, 49%) und in CMYK 51, 0, 100, 1.

Was ist die Komplementärfarbe zu Grasgrün?

Die Komplementärfarbe im Farbkreis ist #8000FC, ein Ton in der Nähe von Violett. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Grasgrün verwenden?

Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 1.3:1, zu Schwarz dagegen 15.8:1.