Dim Gray Farbcode (#696969)

Dim Gray ist #696969 im Hex-Format und rgb(105, 105, 105) — ein mittleres Grau. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien sowie die Lesbarkeit als Text.

Aktualisiert am

Dim Gray
#696969
CSS-Namedimgray (auch dimgrey)
Hex#696969
RGBrgb(105, 105, 105)
HSLhsl(0 0% 41%)
HWBhwb(0 41% 59%)
CMYK0%, 0%, 0%, 59%

Töne und Schattierungen

Ü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

KombinationKontrastverhältnisWCAG
Dim-Gray-Text auf Weiß5,49 : 1AA
Dim-Gray-Text auf Schwarz3,83 : 1nur 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).

Häufige Fragen

Wie lautet der Hex-Code für Dim Gray?
#696969 — das entspricht rgb(105, 105, 105) und hsl(0, 0%, 41%). In CSS kannst du auch einfach dimgray schreiben.
Ist Dim-Gray-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 5,49 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Dim Gray?
Dim Gray ist eine neutrale Farbe und passt zu fast jeder Farbe. Verwende sie für Hintergründe, Rahmen und Text rund um einen kräftigeren Akzent.