Goldenrod — #DAA520 HEX Color

#DAA520rgb(218, 165, 32)

About Goldenrod

Goldenrod (#DAA520) is a warm, mid, vivid orange tone with a hue of 43°, saturation of 74% and lightness of 49%. It works well for accents and energetic palettes and conveys a vibrant feeling. On a white background it reaches a contrast ratio of 2.24:1, while on black it reaches 9.38:1 — so prefer black text when using #DAA520 as a background.

Color Codes

HEX#DAA520

RGBrgb(218, 165, 32)

HSLhsl(43°, 74%, 49%)

CMYKcmyk(0%, 24%, 85%, 15%)

CIELABLab(70.8, 8.5, 68.8)

Accessibility & Contrast

On white

2.24:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

9.38:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #DAA520 as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #DAA520;

color: #DAA520;

border: 2px solid #DAA520;

background: linear-gradient(135deg, #DAA520, #2055da);

Code Export

css

:root {
  --color-primary: #daa520;
  --color-primary-rgb: 218, 165, 32;
  --color-primary-hsl: 43, 74%, 49%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#C69F15

+=Golden Brown / Ochre

Brown + Yellow

Mint + Orange

Orange + Yellow

Red + Yellow

Frequently Asked Questions

What is the name of color #DAA520?

Color #DAA520 is commonly known as Goldenrod. It is a warm, mid, vivid orange tone.

Is #DAA520 a warm or cool color?

Goldenrod (#DAA520) is a warm color. With a hue of 43°, it falls in the orange family.

What colors go well with #DAA520?

Colors that pair well with Goldenrod (#DAA520) include its complementary color (#2055DA), neutral whites and warm creams, and analogous orange tones for harmonious palettes.