Hellgrau Farbcode (#d3d3d3)

Hellgrau ist #d3d3d3 im Hex-Format und rgb(211, 211, 211) — ein sehr helles Grau. Unten findest du alle Farbformate, Töne und Schattierungen, Farbharmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Hellgrau
#d3d3d3
CSS-Namelightgray (auch lightgrey)
Hex#d3d3d3
RGBrgb(211, 211, 211)
HSLhsl(0 0% 83%)
HWBhwb(0 83% 17%)
CMYK0%, 0%, 0%, 17%

Töne und Schattierungen

Über Hellgrau

Hellgrau (lightgray) ist ein sehr helles, gedecktes Grau mit dem Hex-Code #d3d3d3, bzw. rgb(211, 211, 211). In HSL liegt es bei einem Farbton von 0°, 0 % Sättigung und 83 % Helligkeit. CSS akzeptiert außerdem die Schreibweise lightgrey für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: lightgray; statt des Hex-Werts schreiben.

Hellgrau für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Hellgrauer Text auf Weiß1.50 : 1nicht bestanden
Hellgrauer Text auf Schwarz14.03 : 1AAA

Auf einem hellgrauen Hintergrund verwendest du am besten schwarzen Text (14.03 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Andere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: lightgray;               /* or #d3d3d3 */
  background-color: #d3d3d3;
  border: 1px solid rgb(211 211 211 / 50%);
}

Ähnliche benannte Farben

Gainsboro (#dcdcdc), Distel (#d8bfd8), Silber (#c0c0c0), Helles Stahlblau (#b0c4de), Pulverblau (#b0e0e6), Hellblau (#add8e6).

Häufige Fragen

Was ist der Hex-Code für Hellgrau?
#d3d3d3 — das entspricht rgb(211, 211, 211) und hsl(0, 0%, 83%). In CSS kannst du auch einfach lightgray schreiben.
Ist hellgrauer Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.50 : 1 und besteht damit den WCAG-Test nicht — verwende es besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Hellgrau?
Hellgrau ist neutral und passt daher zu fast jeder Farbe; nutze es für Hintergründe, Rahmen und Text rund um einen kräftigeren Akzent.