Grau Farbcode (#808080)

Über Grau

Grau (gray) ist ein mittleres, gedämpftes Grau mit dem Hex-Code #808080 oder rgb(128, 128, 128). In HSL liegt es bei einem Farbton von 0°, 0 % Sättigung und 50 % Helligkeit. CSS akzeptiert außerdem die Schreibweise grey für exakt dieselbe Farbe. Es gehört zu den 148 benannten Farben, die jeder Browser kennt, du kannst also color: gray; statt des Hex-Werts schreiben.

Grau für Text und Hintergründe verwenden

Auf einem grauen Hintergrund eignet sich Schwarz als Textfarbe (5.32 : 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 Kontrastprüfer.

CSS

.element {
  color: gray;               /* or #808080 */
  background-color: #808080;
  border: 1px solid rgb(128 128 128 / 50%);
}

Ähnliche benannte Farben

Schiefergrau (#708090), Helles Schiefergrau (#778899), Gedämpftes Grau (#696969), Kadettenblau (#5f9ea0), Dunkles Meergrün (#8fbc8f), Rosiges Braun (#bc8f8f).