Gold

gold is a CSS color keyword. The closest Tailwind step is yellow-400 (#facc15).

#ffd700rgb(255, 215, 0)
Hex
#ffd700
RGB
255, 215, 0
HSL
51°, 100%, 50%
OKLCH
88.7% 0.182 95.3
LAB
86.9 -1.9 87.1

Open #ffd700 in the explorer

Text contrast

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

Black text15.0:1 AAAAPCA Lc 85
White text1.4:1 FailAPCA Lc -21

Color vision

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

Full color
#ffd700
Protanopia
#f0d300
Deuteranopia
#fadf24
Tritanopia
#ffc4b7

Tonal scale

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

50100200300400500600700800900950

Copy into CSS

color: gold;
background: #ffd700;
@theme {
  --color-gold-50: #fff6d1;
  --color-gold-100: #ffe88e;
  --color-gold-200: #f5ce00;
  --color-gold-300: #d3b200;
  --color-gold-400: #b39600;
  --color-gold-500: #907900;
  --color-gold-600: #725f00;
  --color-gold-700: #594900;
  --color-gold-800: #403500;
  --color-gold-900: #292100;
  --color-gold-950: #120d00;
}