#6B7C85
Benannte Farbe: Battleship Grey. oklch(57.6% 0.024 230.9), rgb(107, 124, 133).
Aa
Schwarzer Text ist auf dieser Farbe am besten lesbar (4.84:1).
Über diese Farbe
#6B7C85 ist eine Farbe, mitteldunkel und nahezu neutralgrau. In OKLCH liegt die Helligkeit bei 58 %, die Chroma bei 0.024. Sie hat zu wenig Chroma, um warm oder kühl zu wirken. Es ist die benannte Farbe Battleship Grey. Schwarzer Text ist darauf am besten lesbar, mit 4.84:1.
| Farbfamilie | Neutral |
| Helligkeit | mitteldunkel (58%) |
| Chroma | nahezu neutralgrau (0.024) |
| Temperatur | neutral |
| Nächster Name | Battleship Grey |
| Schwarzer Text | 4.84:1 |
| Weißer Text | 4.33:1 |
Werte
| HEX | #6B7C85 |
| RGB | rgb(107, 124, 133) |
| HSL | hsl(201, 11%, 47%) |
| OKLCH | oklch(57.6% 0.024 230.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 #6B7C85 | 4.33:1 | AA für großen Text | Lc -75.5 | Gut für Fließtext |
| Schwarzer Text auf #6B7C85 | 4.84:1 | AA | Lc 34.1 | Elemente ohne Text, Platzhaltertext |
| #6B7C85 als Text auf Weiß | 4.33:1 | AA für großen Text | Lc 70.0 | Inhaltstext, nicht für lange Texte |
| #6B7C85 als Text auf Schwarz | 4.84:1 | AA | Lc -31.7 | Elemente ohne Text, Platzhaltertext |
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
#F4F6F6
oklch(97.2% 0.002 197.1)
-
Stufe 100
100
#E8EAEB
oklch(93.6% 0.003 228.8)
-
Stufe 200
200
#D5DADC
oklch(88.5% 0.006 223.5)
-
Stufe 300
300
#BAC2C6
oklch(80.9% 0.011 228.9)
-
Stufe 400
400
#96A3AA
oklch(70.7% 0.018 231)
-
Stufe 500
500
#7C8C95
oklch(63% 0.023 232.4)
-
Stufe 600
600 (diese Farbe)
#6B7C85
oklch(57.6% 0.024 230.9)
-
Stufe 700
700
#54636B
oklch(49% 0.022 231.1)
-
Stufe 800
800
#455158
oklch(42.7% 0.019 233.5)
-
Stufe 900
900
#3A4348
oklch(37.7% 0.015 232.1)
-
Stufe 950
950
#22272A
oklch(26.9% 0.009 234.1)
#6B7C85 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) | #787B86 | 0.019 |
| Deuteranopie (keine Grünzapfen) | #747885 | 0.016 |
| Tritanopie (keine Blauzapfen) | #647F7F | 0.018 |
| Achromatopsie (kein Farbsehen) | #797979 | 0.024 |
Harmonien
Farbton-Drehungen in OKLCH, die Helligkeit und Chroma dieser Farbe beibehalten.
Komplementär
Der gegenüberliegende Farbton (180°).
- #6B7C85
#6B7C85
oklch(57.6% 0.024 230.9)
- #85756C
#85756C
oklch(57.5% 0.024 51.3)
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 #6B7C85 enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht nächsten Einträge in unserer Liste benannter Farben, mit ihrem ΔE-Abstand.
- Grey Blue #647D8E ΔE 0.015
- Steel Grey #6F828A ΔE 0.019
- Slate Gray #708090 ΔE 0.020
- Battleship Gray #6C757D ΔE 0.020
- Medium Grey #7D7F7C ΔE 0.031
- Steel #738595 ΔE 0.034
- Gray #808080 ΔE 0.034
- Lavender Gray #7E7F9A ΔE 0.044
Nutze #6B7C85 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.