Goldenrod

goldenrod is a CSS color keyword. The closest Tailwind step is yellow-500 (#eab308).

#daa520rgb(218, 165, 32)
Hex
#daa520
RGB
218, 165, 32
HSL
43°, 74%, 49%
OKLCH
75.2% 0.147 84.0
LAB
70.8 8.5 68.8

Open #daa520 in the explorer

Text contrast

Black or white text on #daa520. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text9.4:1 AAAAPCA Lc 62
White text2.2:1 FailAPCA Lc -47

Color vision

How #daa520 looks in simulations of color blindness, at full severity.

Full color
#daa520
Protanopia
#bba500
Deuteranopia
#c8b329
Tritanopia
#ed948d

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to goldenrod.

50100200300400500600700800900950

Copy into CSS

color: goldenrod;
background: #daa520;
@theme {
  --color-goldenrod-50: #fff4de;
  --color-goldenrod-100: #ffe5b1;
  --color-goldenrod-200: #fec850;
  --color-goldenrod-300: #e0ab2a;
  --color-goldenrod-400: #c18f00;
  --color-goldenrod-500: #9b7300;
  --color-goldenrod-600: #7b5a00;
  --color-goldenrod-700: #604600;
  --color-goldenrod-800: #463200;
  --color-goldenrod-900: #2d1f00;
  --color-goldenrod-950: #140c00;
}