#DAA520
Orange family

Goldenrod

Also known as: earthy · vibrant · warm · nostalgic · cheerful
Save
Hex #DAA520
RGB rgb(218, 165, 32)
HSL hsl(43°, 74%, 49%)
CMYK 0 · 24 · 85 · 15
CSS goldenrod
RAL RAL 1004 · Golden Yellow
NCS S 2040-Y20R

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western cultures, goldenrod is often linked to abundance and prosperity due to its association with harvests. Conversely, in some Native American traditions, it symbolizes healing and strength, highlighting its dual nature across cultures.

The term 'goldenrod' emerged in the late 19th century, derived from the plant's golden-yellow flower heads. The plant has been used medicinally since the 18th century, particularly by herbalists like Nicholas Culpeper, who praised its healing properties.

earthyvibrantwarmnostalgiccheerful

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Goldenrod. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 27 Oranges →

Shades & tints

Nine steps of Goldenrod by lightness — from #715611 (darkest) to #ECD08B (lightest). Click any to copy.

-40% #715611
-30% #8C6A14
-20% #A67D18
-10% #C0911C
BASE #DAA520
+15% #DEB03B
+30% #E3BB56
+50% #E7C570
+70% #ECD08B

Complementary

Sitting opposite Goldenrod at 223° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Goldenrod.

#DAA520
#8B4513
#F5F5DC
#FF8C00
#A0522D

Harvest Glow

Warm Autumn
#DAA520
#4682B4
#FFFFFF
#FFD700
#B8860B

Golden Serenity

Calm Balance
#DAA520
#FF4500
#696969
#D2B48C
#FFFACD

Sunset Field

Vibrant Energy

Goldenrod scale

A 50–900 tonal scale with Goldenrod anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FCF8ED
100 #F8EFD7
200 #F1DDAA
300 #EACB7E
400 #E2B84F
500 #DAA520
600 #B3871A
700 #906D15
800 #6D5310
900 #4A380B

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 9.38:1
Goldenrod as text on… Ratio AA AAA
Aa White background 2.24:1 Fail Fail
Aa Black background 9.38:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #DAA520

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: goldenrod;
CSS color-mix (lighten 30%) color-mix(in srgb, goldenrod 70%, white)
HSV / HSB 43°, 85%, 85%
CMYK (print) 0, 24, 85, 15
Decimal 14329120
Nearest web-safe #CC9933

Color vision

How Goldenrod appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#DAA520

Protanopia (no red)

#C3C340

Deuteranopia (no green)

#C6CA48

Tritanopia (no blue)

#D75A5F
Ochre
12 / 27 Oranges Marigold
Copied!