Gold Farbcode (#ffd700)

Gold ist #ffd700 als Hex-Wert und rgb(255, 215, 0) — ein mittleres Gelb. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Gold
#ffd700
CSS-Namegold
Hex#ffd700
RGBrgb(255, 215, 0)
HSLhsl(51 100% 50%)
HWBhwb(51 0% 0%)
CMYK0%, 16%, 100%, 0%

Tönungen und Schattierungen

Farbharmonien

Über Gold

Gold (gold) ist ein mittleres, kräftiges Gelb mit dem Hex-Code #ffd700 oder rgb(255, 215, 0). In HSL liegt es bei einem Farbton von 51°, 100% Sättigung und 50% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser kennt, sodass du statt des Hex-Werts einfach color: gold; schreiben kannst.

Gold für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Goldener Text auf Weiß1.40 : 1nicht bestanden
Goldener Text auf Schwarz14.97 : 1AAA

Auf goldenem Hintergrund eignet sich Schwarz als Textfarbe (14.97 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen kannst du mit dem Kontrastprüfer testen.

CSS

.element {
  color: gold;               /* or #ffd700 */
  background-color: #ffd700;
  border: 1px solid rgb(255 215 0 / 50%);
}

Ähnliche benannte Farben

Gelb (#ffff00), Orange (#ffa500), Goldrute (#daa520), Dunkelorange (#ff8c00), Grüngelb (#adff2f), Dunkelgoldrute (#b8860b).

Häufige Fragen

Was ist der Hex-Code für Gold?
#ffd700 — das entspricht rgb(255, 215, 0) und hsl(51, 100%, 50%). In CSS kannst du auch einfach gold schreiben.
Ist goldener Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.40 : 1 und besteht den WCAG-Test nicht. Verwende die Farbe daher eher zur Gestaltung oder auf dunklem Hintergrund.
Welche Farben passen gut zu Gold?
Die Komplementärfarbe ist #0026ff; analoge Farben wie #ff5900 und #a6ff00 liegen im Farbkreis direkt daneben.