Goldenrod — Farbcodes & Palette
Farbcodes
| Format | Wert | |
|---|---|---|
| HEX | #DAA520 | |
| RGB | rgb(218, 165, 32) | |
| HSL | hsl(43, 74%, 49%) |
Dunklere Töne von Goldenrod
| #C3941D | #AD831A | #977317 | #816213 | #6A5110 | #54400D | #3E2F09 | #281E06 |
Hellere Töne von Goldenrod
| #E1AF33 | #E4B849 | #E7C15F | #EAC975 | #EED28C | #F1DBA2 | #F4E3B8 | #F8ECCE |
Farbkombinationen & Harmonie
|
Komplementärfarbe
#2055D9
|
Analog +30°
#B1D920
|
Analog −30°
#D94920
|
Triade +120°
#20D9A5
|
Triade −120°
#A520D9
|
Kontrast & Barrierefreiheit (WCAG 2.1)
CSS-Code
.element {
color: #DAA520;
}
.element-bg {
background-color: #DAA520;
color: #000000;
}
.element-border {
border: 2px solid #DAA520;
}
Über Goldenrod
Goldenrod ist eine mittlere Farbe mit hoher Sättigung, definiert durch den Hex-Code #DAA520. Die genauen Farbmodellwerte sind rgb(218, 165, 32) in RGB und hsl(43, 74%, 49%) in HSL (Farbton 43°, Sättigung 74%, Helligkeit 49%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 2.24:1 — Nicht bestanden, auf schwarzem 9.38:1 — AAA bestanden (Normalstext). Verwende Goldenrod für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.
Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.
Farbauswahl öffnen →