Goldenrod color (#DAA520)
Goldenrod is one of the 148 CSS named colors. Use the keyword goldenrod
anywhere CSS accepts a color, or its hex code #DAA520, which is rgb(218, 165, 32) in RGB.
It is a light, vivid warm color with a hue angle of 43° on the HSL color wheel and a perceived lightness of 75% in OKLCH. On a goldenrod background, black text gives the higher contrast at 9.38:1, which passes WCAG AA for normal text.
Goldenrod color codes
| CSS name | goldenrod |
|
|---|---|---|
| HEX | #DAA520 |
|
| HEX (8-digit) | #DAA520FF |
|
| RGB | rgb(218, 165, 32) |
|
| HSL | hsl(43, 74%, 49%) |
|
| HSV / HSB | hsv(43, 85%, 86%) |
|
| OKLCH | oklch(75.2% 0.1469 84) |
|
| CMYK | cmyk(0%, 24.3%, 85.3%, 14.5%) |
Contrast with white and black
WCAG 2 contrast ratios and APCA lightness contrast (Lc) for goldenrod used as text and as a background.
Tints and shades of goldenrod
Tints mix goldenrod with white; shades mix it with black, in 10% steps. Click a swatch to copy it, or build custom scales in the tint & shade generator.
Tints
Shades
Colors that go with goldenrod
Harmonies calculated on the HSL color wheel. Explore more in the color scheme generator.
Complementary
Analogous
Triadic
Split-Complementary
Goldenrod with color blindness
Approximately how goldenrod appears with each type of color vision deficiency. Test full designs with the color blindness simulator.
Using goldenrod in CSS
.element {
color: goldenrod;
background-color: #daa520;
border-color: rgb(218 165 32 / 50%);
outline-color: oklch(75.2% 0.1469 84);
}Similar named colors
See all shades of yellow or browse every CSS color name.