DevArbor
#2E8B57

SeaGreen — Farbcodes & Palette

#2E8B57  ·  rgb(46, 139, 87)  ·  hsl(146, 50%, 36%)

Farbcodes

Format Wert
HEX #2E8B57
RGB rgb(46, 139, 87)
HSL hsl(146, 50%, 36%)

Dunklere Töne von SeaGreen

#297A4C#246B43#1F5C39#1A4D30#143D26#0F2E1D#0A1F13#050F0A

Hellere Töne von SeaGreen

#37A466#40BF77#5BC88A#75D19D#90DAB0#ABE3C3#C6ECD6#E0F5E9

Farbkombinationen & Harmonie

Komplementärfarbe
#8A2E62
Analog +30°
#2E8A84
Analog −30°
#348A2E
Triade +120°
#562E8A
Triade −120°
#8A562E

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)
4.25:1 — AA bestanden (nur großer Text)
vs. Schwarz (#000000)
4.95:1 — AA bestanden (Normalstext)

CSS-Code

.element {
  color: #2E8B57;
}

.element-bg {
  background-color: #2E8B57;
  color: #000000;
}

.element-border {
  border: 2px solid #2E8B57;
}

Über SeaGreen

SeaGreen ist eine dunkle Farbe mit hoher Sättigung, definiert durch den Hex-Code #2E8B57. Die genauen Farbmodellwerte sind rgb(46, 139, 87) in RGB und hsl(146, 50%, 36%) in HSL (Farbton 146°, Sättigung 50%, Helligkeit 36%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 4.25:1 — AA bestanden (nur großer Text), auf schwarzem 4.95:1 — AA bestanden (Normalstext). Verwende SeaGreen für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.

Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.

Farbauswahl öffnen →

Häufig gestellte Fragen

Was ist der RGB-Wert von SeaGreen?
Der RGB-Wert von SeaGreen (#2E8B57) ist rgb(46, 139, 87). Rot = rgb(46, 139, 87) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.
Ist SeaGreen auf weißem Hintergrund barrierefrei?
Das Kontrastverhältnis von SeaGreen auf Weiß (#FFFFFF) beträgt 4.25:1 — AA bestanden (nur großer Text). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 4.95:1 — AA bestanden (Normalstext). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.
Welche Farben passen gut zu SeaGreen?
Basierend auf der Farbtheorie harmoniert SeaGreen (hsl(146, 50%, 36%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.