Gold in OKLCH

Gold is the bright metallic-yellow CSS named color #FFD700. 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(88.7% 0.182 95.3)
HEX#FFD700
RGBrgb(255 215 0)
sRGB: in gamutDisplay-P3: in gamut

About gold

Gold is a vivid, high-lightness yellow that signals reward, quality and premium value, so it lands on badges, awards and luxury branding. As a bright warm color it holds a lot of chroma at the top of the lightness range; the tonal scale below darkens it toward amber and bronze for shadows. Keep the hue fixed to build a gold ramp, then copy the OKLCH, HEX or RGB value.

Gold in CSS: oklch(88.7% 0.182 95.3) · #ffd700 · rgb(255 215 0)

Frequently Asked Questions

Gold is the CSS named color #FFD700 (rgb(255, 215, 0)). Its OKLCH equivalent is shown in the readout above and can be copied in one click.

Use the tonal scale to pull a light champagne tint and a darker amber shade, then alternate light and dark golds in your design so it reads as reflected metal rather than flat yellow.

Other colors in OKLCH