Über Slate Gray
Slate Gray (slategray) ist ein mittleres, gedecktes Blau mit dem Hex-Code #708090 oder rgb(112, 128, 144). Im HSL-Modell liegt es bei einem Farbton von 210°, 13 % Sättigung und 50 % Helligkeit. CSS akzeptiert außerdem die Schreibweise slategrey für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: slategray; statt des Hex-Werts schreiben.
Slate Gray für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Slate Gray Text auf Weiß | 4,05 : 1 | nur große Schrift AA |
| Slate Gray Text auf Schwarz | 5,18 : 1 | AA |
Auf einem Slate-Gray-Hintergrund verwendest du am besten schwarzen Text (5,18 : 1). WCAG fordert mindestens 4,5 : 1 für normalen Text und 3 : 1 für große Schrift. Andere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: slategray; /* or #708090 */
background-color: #708090;
border: 1px solid rgb(112 128 144 / 50%);
}Ähnliche benannte Farben
Helles Schiefergrau (#778899), Grau (#808080), Kadettenblau (#5f9ea0), Gedecktes Grau (#696969), Stahlblau (#4682b4), Dunkles Meergrün (#8fbc8f).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.