Goldenrod hex code
The hex code for goldenrod is #DAA520. In RGB that is rgb(218, 165, 32) and in HSL it is hsl(43, 74%, 49%).
The hex code for goldenrod is #DAA520. In RGB that is rgb(218, 165, 32) and in HSL it is hsl(43, 74%, 49%).
Goldenrod · #DAA520
Colour codes
- HEX
- #DAA520
- RGB
- rgb(218, 165, 32)
- HSL
- hsl(43, 74%, 49%)
- CMYK
- 0, 24, 85, 15
- CSS name
- goldenrod
- Contrast on white
- 2.24:1
- Contrast on black
- 9.38:1
Tints and shades
20% lighter · #e1b74d
40% lighter · #e9c979
60% lighter · #f0dba6
80% lighter · #f8edd2
20% darker · #ae841a
40% darker · #836313
60% darker · #57420d
80% darker · #2c2106
Complementary colour
Goldenrod · #DAA520
Opposite on the colour wheel · #2055d9
Frequently asked questions
What is the hex code for goldenrod?
The hex code for goldenrod is #DAA520. In RGB that is rgb(218, 165, 32) and in HSL it is hsl(43, 74%, 49%).
Can I use goldenrod for text?
It has a contrast ratio of 2.24:1 on white and 9.38:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with goldenrod?
Its complementary colour, opposite on the colour wheel, is #2055D9. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of goldenrod instead.
Is goldenrod a CSS colour name?
Yes. CSS accepts the keyword goldenrod, so color: goldenrod and color: #DAA520 render exactly the same.