Gold Color

Learn about Gold (#ffd700): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#ffd700
HEX #ffd700
RGB rgb(255, 215, 0)
HSL 51°, 100%, 50%

About Gold Color

Gold is a warm, metallic color that signals luxury and achievement. It is used for premium badges, rewards, and high-end branding.

Use Cases for Gold

premium badgesawardsluxury brandingachievement iconsjewelry ecommerce

Shades & Tints of Gold

#ffffff
#fff5bf
#ffeb80
#ffe140
#ffd700
#bfa100
#806c00
#403600
#000000

Complementary Color

#ffd700
#0026ff

Analogous Colors

#ff5900
#ffd700
#a6ff00

CSS Code

.gold-color {
  color: #ffd700;
}

Contrast Recommendations

Black text on Gold
Ratio: 14.97:1 ✓ Passes AA ✓ Passes AAA
White text on Gold
Ratio: 1.4:1 ✗ Fails AA ✗ Fails AAA

Related Colors

DarkGoldenrod
LightGoldenrodYellow
Goldenrod
Khaki

Related Tools

Frequently Asked Questions

What color is Gold?

Gold is represented by the hex code #ffd700 and has RGB values of rgb(255, 215, 0). It falls under the Yellow category.

How to use Gold in web design?

Gold works well for premium badges, awards, luxury branding. Gold is a warm, metallic color that signals luxury and achievement. It is used for premium badges, rewards, and high-end branding. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Gold?

Colors that pair well with Gold include darkgoldenrod, palegoldenrod, lightgoldenrodyellow, goldenrod, khaki. For a complementary scheme, try #0026ff. For an analogous scheme, use #ff5900 and #a6ff00.