Gold Hex Code: #FFD700

Explore gold (#FFD700) with RGB & HSL values, 10 shades and tints, and complementary color harmonies.

Color
#FFD700

Hex

RGB

HSL

Red

255

Green

215

Blue

0

Gold Shades & Tints

Shades (Darker)

#D6B600

#A88F00

#806C00

#574A00

#292300

Base Color

#FFD700

Tints (Lighter)

#FFDF29

#FFE657

#FFEC80

#FFF2A8

#FFF9D6

Color Harmonies

Complementary

#FFD700

#0026FF

Analogous

#FF5900

#FFD700

#A6FF00

Triadic

#FFD700

#00FFD9

#D900FF

Split-Complementary

#FFD700

#00A6FF

#5900FF

About Gold

Gold is a warm, rich yellow that symbolizes luxury, success, and prestige. It's a staple in premium branding, award designs, and celebratory themes. In web design, gold works well as an accent color against dark backgrounds like navy or black. Use it sparingly for maximum impact — it shines brightest when paired with neutral tones.

About Gold

Gold is a warm, rich yellow that symbolizes luxury, success, and prestige. It's a staple in premium branding, award designs, and celebratory themes. In web design, gold works well as an accent color against dark backgrounds like navy or black. Use it sparingly for maximum impact — it shines brightest when paired with neutral tones.

Frequently Asked Questions

What is the hex code for gold?
The standard hex code for gold is #FFD700. For metallic gold, #D4AF37 is commonly used.
What are the RGB values for gold?
The RGB values for gold (#FFD700) are R: 255, G: 215, B: 0.
How do you make gold color in CSS?
Use the hex code #FFD700 or the named CSS color 'gold'. For example: color: #FFD700; or color: gold; or background-color: rgb(255, 215, 0);
What colors go with gold?
Gold pairs elegantly with navy blue (#000080), black (#000000), burgundy (#800020), cream (#FFFDD0), and forest green (#228B22).