Goldenrod color

A deep golden yellow named after the goldenrod wildflower that blooms across North America in late summer. It's a standard HTML/CSS color. It's popular in vintage 70s palettes, fall decor and kitchen accents.

Goldenrod · #DAA520

About goldenrod

Goldenrod (#DAA520) is a warm, mid-tone, moderately saturated color. It belongs to the yellows family. It mixes 218 red, 165 green and 32 blue (out of 255). It is mostly used in web, retro decor, fall decor.

Goldenrod shades and tints

From lightest to darkest. Tap a shade to copy its code.

Goldenrod color harmonies

Combinations based on the color wheel. More in the color harmony tool.

ComplementaryClose to: Royal blue

AnalogousClose to: Poppy red, Pear

TriadicClose to: Caribbean green, Neon purple

Split complementaryClose to: Deep sky blue, Neon blue

TetradicClose to: Spring green, Royal blue, Shocking pink

Goldenrod color palettes

Copy the codes or open a palette in the editor to tweak it.

Monochromatic palette · Goldenrod

Analogous palette · Goldenrod

Complementary palette · Goldenrod

Triadic palette · Goldenrod

With neutrals palette · Goldenrod

With an accent palette · Goldenrod

Goldenrod contrast with text

White textContrast 2.2:1 · Not recommended

Black textContrast 9.4:1 · AAA

Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker.

CSS code

:root {
  --goldenrod: #DAA520;
  --goldenrod-rgb: 218, 165, 32;
}
.bg { background-color: var(--goldenrod); }
.text { color: var(--goldenrod); }

Colors similar to goldenrod

Honey Mustard yellow Marigold Metallic gold Caramel Harvest gold Saffron Dark goldenrod Pastel orange Old gold

Themed palettes with this color

Frequently asked questions

What is the hex code for goldenrod?

The hex code for goldenrod is #DAA520. In RGB it is rgb(218, 165, 32), in HSL hsl(43, 74%, 49%) and in CMYK 0, 24, 85, 15.

What is the complementary color of goldenrod?

Its complement on the color wheel is #2055DA, close to royal blue. Used in small doses, it works as an accent and adds strong contrast.

Can you use white text on goldenrod?

Use black text instead: the contrast with white is only 2.2:1, while with black it is 9.4:1.