Goldenrod in OKLCH

Goldenrod is the warm, muted-gold CSS named color #DAA520. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(75.2% 0.147 84.0)

HEX#DAA520

RGBrgb(218 165 32)

sRGB: in gamutDisplay-P3: in gamut

#DAA520

oklch(75.2% 0.147 84.0)

Lightness75.2%

Chroma0.147

Hue84.0°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(75.2% 0.147 84.0)

HEX

#DAA520

RGB

rgb(218 165 32)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 2.24:1

AA ✗AAA ✗

APCA Lc 44

Aa on blackWCAG 9.38:1

AA ✓AAA ✓

APCA Lc 58

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.101 84.0);
  --color-brand-100: oklch(94.0% 0.105 84.0);
  --color-brand-200: oklch(88.0% 0.113 84.0);
  --color-brand-300: oklch(80.0% 0.123 84.0);
  --color-brand-400: oklch(70.0% 0.136 84.0);
  --color-brand-500: oklch(62.0% 0.147 84.0);
  --color-brand-600: oklch(54.0% 0.136 84.0);
  --color-brand-700: oklch(46.0% 0.126 84.0);
  --color-brand-800: oklch(38.0% 0.115 84.0);
  --color-brand-900: oklch(30.0% 0.105 84.0);
  --color-brand-950: oklch(22.0% 0.094 84.0);
}

About goldenrod

Goldenrod is a deep, slightly muted yellow-gold that reads as rich, autumnal and warm, which suits harvest, heritage and premium-but-earthy branding. It is darker and less bright than pure gold, with solid warm chroma, so the tonal scale spans light wheat tints to deep bronze. Hold the hue and vary lightness for the ramp, then copy the OKLCH, HEX or RGB value.

Goldenrod in CSS: oklch(75.2% 0.147 84.0) · #daa520 · rgb(218 165 32)

Frequently Asked Questions

Goldenrod (#DAA520) is darker, warmer and more muted, while gold (#FFD700) is brighter and more vivid. In OKLCH goldenrod has a lower lightness and a slightly more orange hue.

Goldenrod is rgb(218, 165, 32). The RGB, HEX and OKLCH values are all shown in the readouts above and can be copied in one click.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker