Über Dunkelgrau
Dunkelgrau (darkgray) ist ein helles, gedämpftes Grau mit dem Hex-Code #a9a9a9 oder rgb(169, 169, 169). In HSL liegt es bei einem Farbton von 0°, 0% Sättigung und 66% Helligkeit. CSS akzeptiert außerdem die Schreibweise darkgrey für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: darkgray; statt des Hex-Werts schreiben.
Dunkelgrau für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dunkelgrauer Text auf Weiß | 2.35 : 1 | fällt durch |
| Dunkelgrauer Text auf Schwarz | 8.94 : 1 | AAA |
Auf einem dunkelgrauen Hintergrund eignet sich Schwarz als Textfarbe (8.94 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrastprüfer.
CSS
.element {
color: darkgray; /* or #a9a9a9 */
background-color: #a9a9a9;
border: 1px solid rgb(169 169 169 / 50%);
}
Ähnliche benannte Farben
Silber (#c0c0c0), Dunkles Meergrün (#8fbc8f), Rosybraun (#bc8f8f), Tan (#d2b48c), Helles Stahlblau (#b0c4de), Helles Schiefergrau (#778899).
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.