Goldenrod #DAA520

Goldenrod#DAA520 · rgb(218, 165, 32)

Goldenrod color codes

CSS namegoldenrod
HEX#DAA520
RGBrgb(218, 165, 32)
HSLhsl(43, 74%, 49%)
CMYKcmyk(0%, 24%, 85%, 15%)
Decimal14329120

Shades of Goldenrod (darker)

#C4951D · #AE841A · #997416 · #836313 · #6D5310 · #57420D · #41320A · #2C2106 · #161103

Tints of Goldenrod (lighter)

#DEAE36 · #E1B74D · #E5C063 · #E9C979 · #EDD290 · #F0DBA6 · #F4E4BC · #F8EDD2 · #FBF6E9

Color harmonies

Complementary
#2055D9
Triadic
#20D9A5, #A520D9
Analogous
#D94920, #B1D920

Accessibility (WCAG contrast)

White text on Goldenrod2.24:1 · Fail
Black text on Goldenrod9.38:1 · AAA

Use Goldenrod in code

.element {
  color: goldenrod;          /* or #daa520 */
  background-color: rgb(218 165 32 / 0.5);
}

Frequently asked questions

What is the hex code for Goldenrod?

Goldenrod is #DAA520 in HEX, rgb(218, 165, 32) in RGB and hsl(43, 74%, 49%) in HSL.

Can I use "goldenrod" directly in CSS?

Yes. "goldenrod" is one of the 148 standard CSS named colors, so color: goldenrod; works in every browser.

Is Goldenrod readable on white?

The contrast ratio of Goldenrod on white is 2.24:1 (WCAG Fail). On black it is 9.38:1 (AAA).

What is the complementary color of Goldenrod?

The complementary color (opposite on the color wheel) is #2055D9.

Similar colors

Peru#CD853FOrange#FFA500Dark Goldenrod#B8860BDark Orange#FF8C00Chocolate#D2691ESandy Brown#F4A460Gold#FFD700Coral#FF7F50

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.