Slate Gray #708090
Slate Gray ist eine Farbe im Bereich Blau, mitteldunkel und gedämpft, mit dem Hex-Code #708090 und dem RGB-Wert rgb(112, 128, 144).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (5.17:1).
Über diese Farbe
#708090 ist eine Farbe im Bereich Blau, mitteldunkel und gedämpft. In OKLCH liegt die Helligkeit bei 59 %, die Chroma bei 0.031 und der Farbwinkel bei 248°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Slate Gray. Schwarzer Text ist darauf am besten lesbar, mit 5.17:1.
| Farbfamilie | Blau |
| Helligkeit | mitteldunkel (59%) |
| Chroma | gedämpft (0.031) |
| Temperatur | kühl |
| Nächster Name | Slate Gray |
| Schwarzer Text | 5.17:1 |
| Weißer Text | 4.05:1 |
Farben, die zu Slate Gray passen
Passende Farben, gefunden durch Drehen von Slate Gray auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.
Komplementär
Der gegenüberliegende Farbton (180°).
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Triade
Drei Farbtöne im Abstand von 120°.
Farbpaletten mit Slate Gray
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Slate Gray enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Slate Gray am nächsten liegen, mit ihrem ΔE-Abstand.
- Steel Grey #6F828A ΔE 0.013
- Steel #738595 ΔE 0.016
- Grey Blue #647D8E ΔE 0.019
- Battleship Grey #6B7C85 ΔE 0.020
- Light Slate Gray #778899 ΔE 0.027
- Lavender Gray #7E7F9A ΔE 0.027
- Gray #808080 ΔE 0.032
- Medium Grey #7D7F7C ΔE 0.033
Mehr über Slate Gray
So mischst du Slate Gray
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.
- 3 Teile Grau
- 1 Teil Blau
Ergebnis des Rezepts: #6C838D, eine Abweichung von ΔE 0.014 zu Slate Gray. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Slate Gray in jedem Format
| HEX | #708090 |
| RGB | rgb(112, 128, 144) |
| HSL | hsl(210, 13%, 50%) |
| OKLCH | oklch(59.3% 0.031 248.3) |
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 #708090 | 4.05:1 | AA für großen Text | Lc -73.3 | Inhaltstext, nicht für lange Texte |
| Schwarzer Text auf #708090 | 5.17:1 | AA | Lc 36.3 | Elemente ohne Text, Platzhaltertext |
| #708090 als Text auf Weiß | 4.05:1 | AA für großen Text | Lc 67.8 | Inhaltstext, nicht für lange Texte |
| #708090 als Text auf Schwarz | 5.17:1 | AA | Lc -33.9 | Elemente ohne Text, Platzhaltertext |
Shades und Tints von Slate Gray
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 600.
-
Stufe 50
50
#F4F5F7
oklch(97% 0.003 264.5)
-
Stufe 100
100
#E8EAEC
oklch(93.6% 0.003 247.9)
-
Stufe 200
200
#D5DADE
oklch(88.6% 0.008 241.7)
-
Stufe 300
300
#BAC2C9
oklch(81% 0.013 244.3)
-
Stufe 400
400
#96A2AE
oklch(70.7% 0.022 248.1)
-
Stufe 500
500
#7C8B9A
oklch(63% 0.029 248.3)
-
Stufe 600
600 (diese Farbe)
#708090
oklch(59.3% 0.031 248.3)
-
Stufe 700
700
#546271
oklch(49% 0.03 250.2)
-
Stufe 800
800
#45505C
oklch(42.6% 0.024 250.7)
-
Stufe 900
900
#3A434B
oklch(37.8% 0.018 245.1)
-
Stufe 950
950
#22272C
oklch(27% 0.012 248.3)
Slate Gray 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) | #7A8091 | 0.014 |
| Deuteranopie (keine Grünzapfen) | #767D90 | 0.011 |
| Tritanopie (keine Blauzapfen) | #678485 | 0.027 |
| Achromatopsie (kein Farbsehen) | #7E7E7E | 0.031 |
Nutze Slate Gray 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.