Über Helles Schiefergrau
Helles Schiefergrau (lightslategray) ist ein mittleres, gedecktes Blau mit dem Hex-Code #778899 oder rgb(119, 136, 153). In HSL liegt es bei einem Farbton von 210°, 14 % Sättigung und 53 % Helligkeit. CSS akzeptiert außerdem die Schreibweise lightslategrey für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts color: lightslategray; schreiben kannst.
Helles Schiefergrau für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Helles Schiefergrau Text auf Weiß | 3.64 : 1 | AA nur für große Schrift |
| Helles Schiefergrau Text auf Schwarz | 5.77 : 1 | AA |
Auf einem hellen Schiefergrau-Hintergrund verwendest du am besten Schwarz als Textfarbe (5.77 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: lightslategray; /* or #778899 */
background-color: #778899;
border: 1px solid rgb(119 136 153 / 50%);
}Ähnliche benannte Farben
Schiefergrau (#708090), Grau (#808080), Kadettblau (#5f9ea0), Stahlblau (#4682b4), Dunkles Meergrün (#8fbc8f), Gedecktes Grau (#696969).
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.