Goldrute Farbcode (#daa520)

Goldrute hat #daa520 als HEX-Wert und rgb(218, 165, 32) – ein mittleres Orange. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Goldrute
#daa520
CSS-Namegoldenrod
Hex#daa520
RGBrgb(218, 165, 32)
HSLhsl(43 74% 49%)
HWBhwb(43 13% 15%)
CMYK0%, 24%, 85%, 15%

Tönungen und Schattierungen

Farbharmonien

Über Goldrute

Goldrute (goldenrod) ist ein mittleres, kräftiges Orange mit dem HEX-Code #daa520 oder rgb(218, 165, 32). Im HSL-Modell liegt es bei einem Farbton von 43°, 74 % Sättigung und 49 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht, sodass du color: goldenrod; statt des HEX-Werts schreiben kannst.

Goldrute für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Goldrute-Text auf Weiß2,24 : 1nicht bestanden
Goldrute-Text auf Schwarz9,38 : 1AAA

Auf einem Goldrute-Hintergrund verwendest du schwarzen Text (9,38 : 1). WCAG verlangt mindestens 4,5 : 1 für normalen Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: goldenrod;               /* or #daa520 */
  background-color: #daa520;
  border: 1px solid rgb(218 165 32 / 50%);
}

Ähnliche benannte Farben

Peru (#cd853f), Orange (#ffa500), Dunkle Goldrute (#b8860b), Dunkles Orange (#ff8c00), Schokolade (#d2691e), Sandbraun (#f4a460).

Häufige Fragen

Was ist der HEX-Code für Goldrute?
#daa520 – das entspricht rgb(218, 165, 32) und hsl(43, 74%, 49%). In CSS kannst du auch einfach goldenrod schreiben.
Ist Goldrute-Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 2,24 : 1 und besteht damit nicht den WCAG-Test. Verwende die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Goldrute?
Die Komplementärfarbe ist #2055d9; die analogen Farben #d94920 und #b1d920 liegen im Farbkreis direkt daneben.