Battleship Grey #6B7C85
Battleship Grey ist eine Farbe, mitteldunkel und nahezu neutralgrau, mit dem Hex-Code #6B7C85 und dem RGB-Wert 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 |
Farben, die zu Battleship Grey passen
Passende Farben, gefunden durch Drehen von Battleship Grey 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 Battleship Grey
Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Battleship Grey enthalten, die nächsten zuerst.
Ähnliche benannte Farben
Die acht benannten Farben, die Battleship Grey am nächsten liegen, 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
Mehr über Battleship Grey
So mischst du Battleship Grey
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.022 zu Battleship Grey. Das ist sehr nah dran: Die meisten Menschen sehen keinen Unterschied.
Codes für Battleship Grey in jedem Format
| 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 |
Shades und Tints von Battleship Grey
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)
Battleship Grey 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 |
Nutze Battleship Grey 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.