Die Mitte zwischen Weiß und Schwarz. Neutral und ausgewogen, lässt es andere Farben hervortreten. Man nutzt es für Nebentexte, Basics im Kleiderschrank und moderne Einrichtung.
Auch genannt: Mittelgrau.
Grau (#808080) ist ein Farbton, der neutral, mittelhell und kaum gesättigt wirkt. Er gehört zur Familie der Grautöne. Er besteht aus 128 Rot, 128 Grün und 128 Blau (von 255). Typische Einsatzbereiche: Web, Einrichtung, Mode, Branding.
Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.
Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.
Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.
Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.
:root {
--grau: #808080;
--grau-rgb: 128, 128, 128;
}
.hintergrund { background-color: var(--grau); }
.text { color: var(--grau); }Der HEX-Code von Grau ist #808080. In RGB ist es rgb(128, 128, 128), in HSL hsl(0, 0%, 50%) und in CMYK 0, 0, 0, 50.
Die Komplementärfarbe im Farbkreis ist #808080, ein Ton in der Nähe von Grau. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.
Nimm besser schwarzen Text: Der Kontrast zu Weiß beträgt nur 3.9:1, zu Schwarz dagegen 5.3:1.
Gut dazu passen Weiß, Schwarz, Gelb, Altrosa, Marineblau. Kombiniere keine Grautöne mit unterschiedlicher Temperatur, etwa ein bläuliches mit einem grünlichen Grau, das wirkt unstimmig. Auch Grau mit sehr gelblichem Beige kann schmutzig aussehen.