#6C757D
Benannte Farbe: Battleship Gray. oklch(55.8% 0.016 244.9), rgb(108, 117, 125).
Aa
Weißer Text ist auf dieser Farbe am besten lesbar (4.68:1).
Über diese Farbe
#6C757D ist eine Farbe, mitteldunkel und nahezu neutralgrau. In OKLCH liegt die Helligkeit bei 56 %, die Chroma bei 0.016. Sie hat zu wenig Chroma, um warm oder kühl zu wirken. Es ist die benannte Farbe Battleship Gray. Weißer Text ist darauf am besten lesbar, mit 4.68:1.
| Farbfamilie | Neutral |
| Helligkeit | mitteldunkel (56%) |
| Chroma | nahezu neutralgrau (0.016) |
| Temperatur | neutral |
| Nächster Name | Battleship Gray |
| Schwarzer Text | 4.47:1 |
| Weißer Text | 4.68:1 |
Werte
| HEX | #6C757D |
| RGB | rgb(108, 117, 125) |
| HSL | hsl(208, 7%, 46%) |
| OKLCH | oklch(55.8% 0.016 244.9) |
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 #6C757D | 4.68:1 | AA | Lc -78.0 | Gut für Fließtext |
| Schwarzer Text auf #6C757D | 4.47:1 | AA für großen Text | Lc 31.5 | Elemente ohne Text, Platzhaltertext |
| #6C757D als Text auf Weiß | 4.68:1 | AA | Lc 72.6 | Inhaltstext, nicht für lange Texte |
| #6C757D als Text auf Schwarz | 4.47:1 | AA für großen Text | Lc -29.1 | Nur Trennlinien und Dekoration |
Tints und Shades
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
#F5F5F6
oklch(97% 0.001 286.4)
-
Stufe 100
100
#E9EAEB
oklch(93.7% 0.002 247.8)
-
Stufe 200
200
#D7D9DC
oklch(88.5% 0.005 258.3)
-
Stufe 300
300
#BDC1C5
oklch(80.9% 0.007 247.9)
-
Stufe 400
400
#9BA1A8
oklch(70.6% 0.012 252.1)
-
Stufe 500
500
#828B92
oklch(63.2% 0.015 241.1)
-
Stufe 600
600 (diese Farbe)
#6C757D
oklch(55.8% 0.016 244.9)
-
Stufe 700
700
#5A6269
oklch(49.2% 0.015 244.5)
-
Stufe 800
800
#495056
oklch(42.7% 0.013 243.9)
-
Stufe 900
900
#3D4247
oklch(37.6% 0.011 248.1)
-
Stufe 950
950
#242729
oklch(27% 0.006 236.7)
#6C757D 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) | #72757D | 0.009 |
| Deuteranopie (keine Grünzapfen) | #70737D | 0.008 |
| Tritanopie (keine Blauzapfen) | #687777 | 0.014 |
| Achromatopsie (kein Farbsehen) | #747474 | 0.017 |
Harmonien
Farbton-Drehungen in OKLCH, die Helligkeit und Chroma dieser Farbe beibehalten.
Komplementär
Der gegenüberliegende Farbton (180°).
- #6C757D
#6C757D
oklch(55.8% 0.016 244.9)
- #7B726A
#7B726A
oklch(55.8% 0.017 64.2)
Analog
Benachbarte Farbtöne, je 30° zu beiden Seiten.
Geteilt komplementär
Die beiden Farbtöne neben dem Komplement (150° und 210°).
Triade
Drei Farbtöne im Abstand von 120°.
Paletten mit dieser Farbe
Kuratierte Paletten, die eine Farbe innerhalb von ΔE 0,04 (OKLab) zu #6C757D enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht nächsten Einträge in unserer Liste benannter Farben, mit ihrem ΔE-Abstand.
- Battleship Grey #6B7C85 ΔE 0.020
- Grey Blue #647D8E ΔE 0.029
- Slate Gray #708090 ΔE 0.038
- Steel Grey #6F828A ΔE 0.038
- Dim Gray #696969 ΔE 0.040
- Medium Grey #7D7F7C ΔE 0.041
- Gray #808080 ΔE 0.045
- Purple Grey #866F85 ΔE 0.046
Nutze #6C757D 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.