- No data uploaded
- Instant results
Goldenrod — #DAA520
Goldenrod is the CSS named colour goldenrod, hex #DAA520. It has a contrast ratio of 2.24:1 on white and 9.38:1 on black — best used as text on dark backgrounds.
Goldenrod — #DAA520
Contrast on white 2.24:1 · on black 9.38:1
Tints
Shades
Complementary
Triadic
Analogous
Using Goldenrod in code
CSS: color: goldenrod; or color: #DAA520; · Tailwind: text-[#DAA520] · Android/Flutter: 0xFFDAA520
Goldenrod colour harmonies
Complementary: #2055DA · Triadic: #20DAA5, #A520DA · Analogous: #DA4820, #B2DA20. Use tints for backgrounds and shades for hover states.
Goldenrod in every colour format
| Format | Value |
|---|---|
| HEX | #DAA520 |
| RGB | rgb(218, 165, 32) |
| HSL | hsl(43, 74%, 49%) |
| HSV | hsv(43, 85%, 85%) |
| CMYK | cmyk(0%, 24%, 85%, 15%) |
| CSS name | goldenrod |
| Contrast on white | 2.24:1 |
| Contrast on black | 9.38:1 |
Frequently asked questions
What is the hex code for Goldenrod?
#DAA520 (CSS name: goldenrod).
What is Goldenrod in RGB?
rgb(218, 165, 32)
What colour goes well with Goldenrod?
Its complementary colour #2055DA, or the analogous #DA4820 and #B2DA20.