Goldenrod Color — HEX, RGB, HSL, Palettes & Contrast

Goldenrod (#daa520): Complete color reference with HEX, RGB, HSL values, tints & shades, complementary, analogous, triadic, split-complementary, and tetradic palettes, WCAG contrast recommendations, and ready-to-use CSS code.

#daa520
HEX #daa520
RGB rgb(218, 165, 32)
HSL 43°, 74%, 49%

Use Goldenrod in Your Projects

🎨 Open in Color Picker 🌈 Generate Palette 👁️ Check Contrast 🔄 Convert Color 🌊 Use in Gradient

About Goldenrod Color

Goldenrod is a warm, golden yellow with earthy undertones. It evokes autumn and harvest, making it popular for seasonal campaigns and organic brands.

Use Cases for Goldenrod

autumn themesharvest campaignsorganic brandingvintage designspremium accents

Shades & Tints of Goldenrod

#ffffff
#f6e9c7
#edd290
#e3bc58
#daa520
#a47c18
#6d5310
#372908
#000000

Complementary Color

#daa520
#2055d9

Analogous Colors

#d94920
#daa520
#b1d920

Triadic Colors

#daa520
#20d9a5
#a520d9

Split Complementary

#daa520
#20b1d9
#4920d9

Tetradic Colors

#daa520
#55d920
#2055d9
#a520d9

CSS Code

.goldenrod-color {
  color: #daa520;
  background-color: #daa520;
}

/* As a CSS custom property */
:root {
  --color-goldenrod: #daa520;
}

Accessibility Score

100 / 100
Rating: Excellent
✓ AA contrast on best text color (30 pts)
✓ AAA contrast on best text color (25 pts)
✓ Versatile lightness for backgrounds & text (25 pts)
✓ Not extreme black/white (20 pts)

A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.

Contrast Recommendations

Black text on Goldenrod
Ratio: 9.38:1 ✓ Passes AA ✓ Passes AAA
White text on Goldenrod
Ratio: 2.24:1 ✗ Fails AA ✗ Fails AAA

Related Colors

DarkGoldenrod
Gold
PaleGoldenrod
Khaki
Peru

Related Tools

Frequently Asked Questions

What color is Goldenrod?

Goldenrod is represented by the hex code #daa520 and has RGB values of rgb(218, 165, 32). It falls under the Yellow category.

How to use Goldenrod in web design?

Goldenrod works well for autumn themes, harvest campaigns, organic branding. Goldenrod is a warm, golden yellow with earthy undertones. It evokes autumn and harvest, making it popular for seasonal campaigns and organic brands. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Goldenrod?

Colors that pair well with Goldenrod include darkgoldenrod, gold, palegoldenrod, khaki, peru. For a complementary scheme, try #2055d9. For an analogous scheme, use #d94920 and #b1d920. For a triadic scheme, combine with #20d9a5 and #a520d9.