Skip to content

Goldenrod

Goldenrod is a medium, rich color from the orange family. Hex code #DAA520.

Goldenrod#DAA520

Color codes

  • CSS namegoldenrod
  • HEX#DAA520
  • RGBrgb(218 165 32)
  • HSLhsl(43 74% 49%)
  • HSB / HSVhsb(43, 85%, 85%)
  • OKLCHoklch(75.2% 0.147 84)
  • CMYKcmyk(0%, 24%, 85%, 15%)

White text

2.23:1 · fails WCAG

Black text

9.38:1 · passes WCAG AAA

Shades

50#FEF0D6
100#FECD66
200#E4AF30
300#C39423
400#A37A13
500#826218
600#654A02
700#493400
800#2D1F00

Complementary

#DAA520
#88ADFA

Analogous

#DAA520
#F5924B
#AEB839

Triadic

#DAA520
#2FC4D1
#DC8CE3

About this color

Goldenrod in CSS and design

Goldenrod is a medium, rich color from the orange family. Goldenrod is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: goldenrod;
color: #DAA520;
color: rgb(218 165 32);
color: hsl(43 74% 49%);

For text on goldenrod, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for goldenrod?

#DAA520. In CSS you can also use the keyword goldenrod, which works in every browser.

What is goldenrod in RGB and HSL?

In RGB it is rgb(218 165 32), in HSL hsl(43 74% 49%). For print, cmyk(0%, 24%, 85%, 15%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on goldenrod?

Black text works better: it has a contrast ratio of 9.38:1 and passes WCAG AAA. White text reaches 2.23:1.

Which colors go with goldenrod?

Its complementary color is #88ADFA, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #F5924B and #AEB839. The palette generator builds more combinations.