Gainsboro Farbcode (#dcdcdc)

Gainsboro ist #dcdcdc als Hex-Wert und rgb(220, 220, 220) – ein sehr helles Grau. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Gainsboro
#dcdcdc
CSS-Namegainsboro
Hex#dcdcdc
RGBrgb(220, 220, 220)
HSLhsl(0 0% 86%)
HWBhwb(0 86% 14%)
CMYK0%, 0%, 0%, 14%

Töne und Schattierungen

Über Gainsboro

Gainsboro (gainsboro) ist ein sehr helles, gedecktes Grau mit dem Hex-Code #dcdcdc oder rgb(220, 220, 220). In HSL liegt er bei einem Farbton von 0°, 0 % Sättigung und 86 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht – du kannst also color: gainsboro; statt des Hex-Werts schreiben.

Gainsboro für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Gainsboro-Text auf Weiß1.37 : 1nicht bestanden
Gainsboro-Text auf Schwarz15.31 : 1AAA

Auf einem Gainsboro-Hintergrund verwendest du am besten schwarzen Text (15.31 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: gainsboro;               /* or #dcdcdc */
  background-color: #dcdcdc;
  border: 1px solid rgb(220 220 220 / 50%);
}

Ähnliche benannte Farben

Hellgrau (#d3d3d3), Distel (#d8bfd8), Lavendel (#e6e6fa), Antikweiß (#faebd7), Beige (#f5f5dc), Mistrose (#ffe4e1).

Häufige Fragen

Welcher Hex-Code gehört zu Gainsboro?
#dcdcdc – das entspricht rgb(220, 220, 220) und hsl(0, 0%, 86%). In CSS kannst du auch einfach gainsboro schreiben.
Ist Gainsboro-Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.37 : 1 und besteht damit nicht den WCAG-Test. Verwende die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Gainsboro?
Gainsboro ist neutral und passt daher zu fast jeder Farbe. Nutze es für Hintergründe, Rahmen und Text rund um einen kräftigeren Akzent.