Über Dunkles Schiefergrau
Dunkles Schiefergrau (darkslategray) ist ein dunkles, mäßig gesättigtes Cyan mit dem Hex-Code #2f4f4f bzw. rgb(47, 79, 79). Im HSL-Modell liegt es bei einem Farbton von 180°, 25 % Sättigung und 25 % Helligkeit. CSS akzeptiert außerdem die Schreibweise darkslategrey für genau dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du statt des Hex-Werts color: darkslategray; schreiben kannst.
Dunkles Schiefergrau für Text und Hintergründe verwenden
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkles Schiefergrau-Text auf Weiß | 8.93 : 1 | AAA |
| Dunkles Schiefergrau-Text auf Schwarz | 2.35 : 1 | fällt durch |
Auf einem dunklen Schiefergrau-Hintergrund verwendest du weißen Text (8.93 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.
CSS
.element {
color: darkslategray; /* or #2f4f4f */
background-color: #2f4f4f;
border: 1px solid rgb(47 79 79 / 50%);
}
Ähnliche benannte Farben
Dunkles Olivgrün (#556b2f), Meeresgrün (#2e8b57), Mitternachtsblau (#191970), Dunkles Schieferblau (#483d8b), Gedämpftes Grau (#696969), Waldgrün (#228b22).
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.