Über Dim Gray
Dim Gray (dimgray) ist ein mittleres, gedecktes Grau mit dem Hex-Code #696969 bzw. rgb(105, 105, 105). In HSL liegt es bei einem Farbton von 0°, 0 % Sättigung und 41 % Helligkeit. CSS akzeptiert außerdem die Schreibweise dimgrey für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser kennt, sodass du statt des Hex-Werts color: dimgray; schreiben kannst.
Dim Gray für Text und Hintergründe verwenden
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Dim-Gray-Text auf Weiß | 5,49 : 1 | AA |
| Dim-Gray-Text auf Schwarz | 3,83 : 1 | nur AA für große Schrift |
Auf einem Dim-Gray-Hintergrund funktioniert weißer Text (5,49 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: dimgray; /* or #696969 */
background-color: #696969;
border: 1px solid rgb(105 105 105 / 50%);
}
Ähnliche benannte Farben
Grau (#808080), Schiefergrau (#708090), Helles Schiefergrau (#778899), Dunkles Olivgrün (#556b2f), Dunkles Schieferblau (#483d8b), Dunkles Schiefergrau (#2f4f4f).
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.