Slate Green #658D6D

Slate Green ist eine Farbe im Bereich Grün, mitteldunkel und gedämpft, mit dem Hex-Code #658D6D und dem RGB-Wert rgb(101, 141, 109).

Schwarzer Text ist auf dieser Farbe am besten lesbar (5.58:1).

Über diese Farbe

#658D6D ist eine Farbe im Bereich Grün, mitteldunkel und gedämpft. In OKLCH liegt die Helligkeit bei 60 %, die Chroma bei 0.066 und der Farbwinkel bei 150°. Ihr Farbton liegt zwischen der warmen und der kühlen Hälfte des Farbkreises. Es ist die benannte Farbe Slate Green. Schwarzer Text ist darauf am besten lesbar, mit 5.58:1.

Farbfamilie	Grün
Helligkeit	mitteldunkel (60%)
Chroma	gedämpft (0.066)
Temperatur	dazwischen
Nächster Name	Slate Green
Schwarzer Text	5.58:1
Weißer Text	3.76:1

Farben, die zu Slate Green passen

Passende Farben, gefunden durch Drehen von Slate Green auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Faded Purple #997394

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Triade

Drei Farbtöne im Abstand von 120°.

Triadische Palette im Generator öffnen

Farbpaletten mit Slate Green

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Slate Green enthalten, die nächsten zuerst.

Mehr über Slate Green

So mischst du Slate Green

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

2 Teile Grau
1 Teil Grün

Ergebnis des Rezepts: #688C6E, eine Abweichung von ΔE 0.005 zu Slate Green. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.

Welche Farben ergeben Grün? | Farbmischtabelle

Codes für Slate Green in jedem Format

HEX	#658D6D
RGB	rgb(101, 141, 109)
HSL	hsl(132, 17%, 47%)
OKLCH	oklch(60.5% 0.066 150.2)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

Paar	WCAG 2	Ergebnis	APCA	APCA-Empfehlung
Weißer Text auf #658D6D	3.76:1	AA für großen Text	Lc -70.6	Inhaltstext, nicht für lange Texte
Schwarzer Text auf #658D6D	5.58:1	AA	Lc 39.0	Elemente ohne Text, Platzhaltertext
#658D6D als Text auf Weiß	3.76:1	AA für großen Text	Lc 65.1	Inhaltstext, nicht für lange Texte
#658D6D als Text auf Schwarz	5.58:1	AA	Lc -36.6	Elemente ohne Text, Platzhaltertext

Shades und Tints von Slate Green

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 500.

Stufe 50
50

#F3F6F4

oklch(97% 0.004 157.2)
Stufe 100
100

#E6ECE7

oklch(93.7% 0.009 150.7)
Stufe 200
200

#D1DDD3

oklch(88.6% 0.019 150.5)
Stufe 300
300

#B3C7B6

oklch(81% 0.032 149.7)
Stufe 400
400

#8AAA90

oklch(70.7% 0.051 150.4)
Stufe 500
500 (diese Farbe)

#658D6D

oklch(60.5% 0.066 150.2)
Stufe 600
600

#547F5D

oklch(55.5% 0.071 150.2)
Stufe 700
700

#446B4D

oklch(49% 0.065 150.7)
Stufe 800
800

#38583F

oklch(42.8% 0.056 150.4)
Stufe 900
900

#314836

oklch(37.7% 0.042 150.7)
Stufe 950
950

#1D2A1F

oklch(26.9% 0.027 149)

Diese Skala im Tool für Tailwind-Farben exportieren

Slate Green bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

Sehen	Wirkt als	Verschiebung (ΔE)
Protanopie (keine Rotzapfen)	#8E866B	0.057
Deuteranopie (keine Grünzapfen)	#87826F	0.055
Tritanopie (keine Blauzapfen)	#5F8C84	0.035
Achromatopsie (kein Farbsehen)	#848484	0.066

Nutze Slate Green in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.

Farbsystem aus dieser Farbe erstellen Farbpalette generieren