Goldenrod

#DAA520

What color is Goldenrod?

Goldenrod is a warm, medium-yellow with a noticeable brownish-orange tint, hex #DAA520, close to the color of a sunflower at the peak of bloom. The tone is deeper and dustier than a bright lemon yellow, giving it a muted, earthy quality.

What is the meaning of the color Goldenrod?

Named after the goldenrod plant, a North American wildflower with dense clusters of small yellow blooms, the color has been recorded in English since at least the early 20th century. It became a standardized color name in the United States when Crayola introduced a Goldenrod crayon in 1958, bringing it into widespread everyday use. The U.S. government has also used goldenrod as a designation for specific document paper stock, particularly for multi-copy forms, anchoring the name to a recognizable physical object across federal offices.

RGB
218, 165, 32
HSL
43°, 74%, 49%
CMYK
0, 24, 85, 15
HSV
43°, 85%, 85%
Goldenrod color

What colors go with Goldenrod?

Colors that pair well with Goldenrod include:
Navy Blue: sharp, cool contrast
Forest Green: natural, earthy balance
Burnt Sienna: warm, tonal depth
Cream: soft, gentle warmth
Charcoal: grounded, modern anchor

Similar Colors

Conversions & Codes

Format Value CSS
HEX #DAA520 color: #DAA520;
RGB 218, 165, 32 color: rgb(218, 165, 32);
RGB Percentage 85%, 65%, 13% color: rgb(85%, 65%, 13%);
CMYK 0%, 24%, 85%, 15% Not supported in CSS
HSL 43°, 74%, 49% color: hsl(43, 74%, 49%);
HSV 43°, 85%, 85% Not supported in CSS
CIE-LAB 39, 11, 44 color: lab(39% 11 44);
Decimal 14329120 Not supported in CSS

Color Variations

Shades

#D9A520
#C4951D
#AE841A
#987417
#826313
#6D5310
#57420D
#41320A

Tints

#F5E4BB
#F1DCA4
#EED38E
#EBCA77
#E7C161
#E4B84A
#E1AF33
#D9A520

Tones

#D9A520
#D0A12A
#C79D33
#BE993C
#B49545
#AB914F
#A28D58
#998961

Hues

#D9A520
#83D920
#20D949
#20D9D3
#2055D9
#7720D9
#D920B1
#D92027

Color Harmonies

Analogous

#D94920
Click to copy
#DAA520
Click to copy
#B1D920
Click to copy
95%

Complementary

#DAA520
Click to copy
#2055D9
Click to copy

Split Complementary

#DAA520
Click to copy
#20B1D9
Click to copy
#4920D9
Click to copy

Triadic

#DAA520
Click to copy
#20D9A5
Click to copy
#A520D9
Click to copy

Tetradic

#DAA520
Click to copy
#20D949
Click to copy
#2055D9
Click to copy
#D920B1
Click to copy

Square

#DAA520
Click to copy
#20D949
Click to copy
#2055D9
Click to copy
#D920B1
Click to copy

CSS & Dev Snippets

CSS
.goldenrod {
  color: #DAA520;
}
SCSS
$goldenrod: #DAA520;
RGB
rgb(218, 165, 32)

Accessibility & Contrast

White background

2.24:1
2.24
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

9.38:1
9.38
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags