Gold #FFD700

Gold#FFD700 · rgb(255, 215, 0)

Gold color codes

CSS namegold
HEX#FFD700
RGBrgb(255, 215, 0)
HSLhsl(51, 100%, 50%)
CMYKcmyk(0%, 16%, 100%, 0%)
Decimal16766720

Shades of Gold (darker)

#E6C200 · #CCAC00 · #B39700 · #998100 · #806C00 · #665600 · #4D4100 · #332B00 · #1A1600

Tints of Gold (lighter)

#FFDB1A · #FFDF33 · #FFE34D · #FFE766 · #FFEB80 · #FFEF99 · #FFF3B3 · #FFF7CC · #FFFBE6

Color harmonies

Complementary
#0026FF
Triadic
#00FFD9, #D900FF
Analogous
#FF5900, #A6FF00

Accessibility (WCAG contrast)

White text on Gold1.40:1 · Fail
Black text on Gold14.97:1 · AAA

Use Gold in code

.element {
  color: gold;          /* or #ffd700 */
  background-color: rgb(255 215 0 / 0.5);
}

Frequently asked questions

What is the hex code for Gold?

Gold is #FFD700 in HEX, rgb(255, 215, 0) in RGB and hsl(51, 100%, 50%) in HSL.

Can I use "gold" directly in CSS?

Yes. "gold" is one of the 148 standard CSS named colors, so color: gold; works in every browser.

Is Gold readable on white?

The contrast ratio of Gold on white is 1.40:1 (WCAG Fail). On black it is 14.97:1 (AAA).

What is the complementary color of Gold?

The complementary color (opposite on the color wheel) is #0026FF.

Similar colors

Yellow#FFFF00Orange#FFA500Goldenrod#DAA520Dark Orange#FF8C00Green Yellow#ADFF2FDark Goldenrod#B8860BSandy Brown#F4A460Yellow Green#9ACD32

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.