Appearance
Gold Color Code: HEX #FFD700 and RGB Code Values
Looking for specific gold color codes? Get the exact gold hex code (#FFD700) and gold RGB code (rgb(255, 215, 0)). Complete color information for design and development projects.

HEX
#FFD700RGB
rgb(255, 215, 0)Shades of Gold
Create custom shades of gold with our color generator. Adjust hues, tints, and tones to find the perfect shade of gold for your project.
Shades (Adding Black)
- 3B82F6rgb(59, 130, 246)
- 376BC8rgb(55, 107, 200)
- 31559Drgb(49, 85, 157)
- 294073rgb(41, 64, 115)
- 202C4Crgb(32, 44, 76)
- 151928rgb(21, 25, 40)
- 000000rgb(0, 0, 0)
Tints (Adding White)
- 3B82F6rgb(59, 130, 246)
- 6D95F8rgb(109, 149, 248)
- 91A9FArgb(145, 169, 250)
- AFBEFCrgb(175, 190, 252)
- CBD3FDrgb(203, 211, 253)
- E5E9FErgb(229, 233, 254)
- FFFFFFrgb(255, 255, 255)
Tones (Adding Gray)
- 3B82F6rgb(59, 130, 246)
- 5082E9rgb(80, 130, 233)
- 6182D7rgb(97, 130, 215)
- 6F83C4rgb(111, 131, 196)
- 7983B0rgb(121, 131, 176)
- 80849Brgb(128, 132, 155)
- 808080rgb(128, 128, 128)
Gold Palette
Explore curated and automatically generated color palettes featuring gold. See how it harmonizes with other colors for UI themes, graphics, and branding materials.
Sequential
Single hue gradient for data visualization
7 colors
Lightest
#DAF1FF
Light
#ACD2F3
Medium Light
#7AB5E7
Medium
#3498DB
Medium Dark
#2B6F9F
Dark
#214967
Darkest
#142634
Diverging
Dual hue gradient with a neutral midpoint
9 colors
Base End
#3498DB
Left Dark
#76AEE2
Left Medium
#A4C5E9
Left Light
#CEDDEF
Neutral
#F5F5F5
Right Light
#F5D5C3
Right Medium
#F1B593
Right Dark
#E89664
Complementary End
#DB7734
Monochromatic
Same hue, different brightness/saturation
5 colors
Lightest
#FFFFFF
Light
#A9CAED
Medium
#3498DB
Dark
#004D89
Darkest
#000000
Analogous
Colors adjacent on the color wheel (30° apart)
5 colors
Left Adjacent 2
#34DB77
Left Adjacent 1
#34DBCB
Main
#3498DB
Right Adjacent 1
#3445DB
Right Adjacent 2
#7734DB
Complementary
Colors opposite on the color wheel (180° apart)
2 colors
Main
#3498DB
Complementary
#DB7734
Triadic
Evenly spaced around the color wheel (120° apart)
3 colors
Main
#3498DB
Secondary
#DB3498
Tertiary
#98DB34
Square
Four colors evenly spaced (90° apart)
4 colors
Main
#3498DB
Right 90°
#CB34DB
Complementary
#DB7734
Left 90°
#45DB34
Tetradic
Two pairs of complementary colors
4 colors
Main
#3498DB
Secondary
#7734DB
Complementary
#DB7734
Complementary Secondary
#98DB34
Split Complementary
Complementary colors ±30°
3 colors
Main
#3498DB
Split Left
#DB3444
Split Right
#DBCB34
Cyclic
Circular gradient for periodic data
8 colors
0°
#3498DB
45°
#4D34DB
90°
#CB34DB
135°
#DB346E
180°
#DB7734
225°
#C2DB34
270°
#45DB34
315°
#34DBA1
Pastel
Soft, desaturated colors for modern UI
6 colors
Light Pastel
#A2B6C3
Pastel 1
#AFBFCB
Pastel 2
#BBC9D3
Pastel 3
#C7D3DB
Pastel 4
#D4DDE3
Deep Pastel
#E0E7EB
Common Gold Color Codes (HEX & RGB)
Find the essential gold color codes below, featuring popular gold hex codes and gold RGB codes for quick reference. Click any color to apply it to the design tools.
Gold →
HEX#FFD700
RGBrgb(255, 215, 0)
Goldenrod →
HEX#DAA520
RGBrgb(218, 165, 32)
Metallic Gold →
HEX#D4AF37
RGBrgb(212, 175, 55)
Old Gold →
HEX#CFB53B
RGBrgb(207, 181, 59)
Golden Yellow →
HEX#FFDF00
RGBrgb(255, 223, 0)
Golden Brown →
HEX#996515
RGBrgb(153, 101, 21)
Harvest Gold →
HEX#DA9100
RGBrgb(218, 145, 0)
White Gold →
HEX#FFF6E5
RGBrgb(255,246,229)
Antique Gold →
HEX#C19A3C
RGBrgb(193,154,60)
Vegas Gold →
HEX#C5B358
RGBrgb(197, 179, 88)
Sunflower →
HEX#FFDA03
RGBrgb(255,218,3)
Honey →
HEX#FFC30B
RGBrgb(255,195,11)
Amber →
HEX#FFBF00
RGBrgb(255, 191, 0)
Lemon →
HEX#FFF700
RGBrgb(255, 247, 0)
Mustard →
HEX#FFDB58
RGBrgb(255, 219, 88)
Saffron →
HEX#F4C430
RGBrgb(244, 196, 48)
Brass →
HEX#B5A642
RGBrgb(181, 166, 66)
Sand →
HEX#C2B280
RGBrgb(194, 178, 128)
Wheat →
HEX#F5DEB3
RGBrgb(245, 222, 179)
Khaki →
HEX#F0E68C
RGBrgb(240,230,140)
Straw →
HEX#E4D96F
RGBrgb(228,217,111)
Dark Gold →
HEX#AA8C4C
RGBrgb(170,140,76)
Light Gold →
HEX#F1E5AC
RGBrgb(241,229,172)
Bright Gold →
HEX#FDD017
RGBrgb(253, 208, 23)
Muted Gold →
HEX#B3A369
RGBrgb(179,163,105)
Rich Gold →
HEX#A07837
RGBrgb(160,120,55)
Pale Gold →
HEX#EEE8AA
RGBrgb(238, 232, 170)
Warm Gold →
HEX#E6BE8A
RGBrgb(230,190,138)
Vintage Gold →
HEX#B5A642
RGBrgb(181,166,66)
Classic Gold →
HEX#DAA520
RGBrgb(218, 165, 32)
Elegant Gold →
HEX#D4B17B
RGBrgb(212,177,123)
Luxury Gold →
HEX#D4AF37
RGBrgb(212, 175, 55)
Extract Gold Hex & RGB Codes from Image
Upload a photo to find the exact gold HEX and RGB codes.
click or drag your image here
Supported formats: JPG, PNG, WebP
Gold Color Code Converter
Instantly convert between HEX, RGB, CMYK, and more.
All Formats:
- HEX:#ECB12E
- RGB:rgb(236, 177, 46)
- CMYK:cmyk(0%, 25%, 81%, 7%)
- HSV:hsv(41°, 81%, 93%)
- HSL:hsl(41°, 83%, 55%)
What is Gold?
Gold is a warm, lustrous yellow color named after the precious metal of the same name. The word "gold" comes from the Old English geolu, meaning "yellow." For millennia, gold has been treasured as a symbol of wealth, power, and eternal value. Ancient civilizations—from the Egyptians to the Incas—used gold for jewelry, currency, and religious artifacts.
The color gold captures the metallic sheen of the precious metal, ranging from pale, delicate tones to deep, rich hues. It has been associated with royalty and divinity across cultures, adorning crowns, temples, and sacred objects. Today, gold remains a symbol of luxury and achievement, used in everything from awards and medals to high-end branding.
The hex code for classic gold is #FFD700, with RGB values of rgb(255, 215, 0). This specific combination creates a bright, warm yellow with just the right amount of red to capture gold's characteristic richness. Its CMYK values (approximately C:0, M:16, Y:100, K:0) emphasize yellow with minimal magenta, producing a vibrant gold in print.
Gold occupies a unique position between yellow and orange on the color wheel. Its warmth and luminosity make it stand out while remaining versatile enough to complement a wide range of colors.
Gold vs Similar Colors
Gold has several close relatives in the yellow family:
| Color | HEX Code | Key Difference |
|---|---|---|
| Gold | #FFD700 | Bright, metallic yellow |
| Golden Yellow | #FFDF00 | Brighter, less red |
| Amber | #FFBF00 | Orange-leaning, richer |
| Mustard | #FFDB58 | Duller, browner |
| Brass | #B5A642 | Darker, more muted |
Gold is brighter and more luminous than brass, warmer than golden yellow, and less orange than amber. Its metallic quality gives it a unique sparkle.
Color Psychology and Meaning
Gold carries powerful symbolic weight:
- Wealth and prosperity: Gold has been the ultimate symbol of wealth for millennia. Its rarity and enduring value make it synonymous with success.
- Royalty and power: Kings, queens, and emperors have adorned themselves with gold to signify their authority.
- Achievement and excellence: Gold medals, trophies, and awards recognize the highest levels of accomplishment.
- Warmth and positivity: Gold's warm tones evoke feelings of joy, optimism, and celebration.
- Divinity and spirituality: Many religions use gold in sacred art and places of worship.
- Timelessness: Gold never goes out of style, representing enduring quality and classic elegance.
Using Gold in Design
Gold's versatility makes it popular across design disciplines:
Web and UI Design: Gold works beautifully for luxury brands, premium services, and award-winning products. It adds a touch of elegance to interfaces and creates memorable CTAs. Pair with navy blue or black for sophisticated designs, or with cream for a softer, more approachable look.
Graphic Design: Gold is ideal for premium packaging, wedding invitations, and celebratory materials. It pairs beautifully with deep burgundy, emerald green, and rich browns. Gold foil accents add luxury and sophistication to any design.
Fashion and Interiors: A timeless color for jewelry, accessories, and home decor. Gold accents elevate any outfit or space, adding warmth and glamour. In interiors, gold works well as hardware, lighting fixtures, or decorative accents.
Branding: Many luxury brands incorporate gold into their identities. The color conveys premium quality, exclusivity, and timeless elegance—qualities that resonate with discerning consumers.
Color Harmony and Combinations
Gold pairs beautifully with:
- Monochromatic: Various shades of gold create depth and luxury
- Complementary: Deep purple or violet provides elegant contrast
- Analogous: Yellow, orange, and bronze create warm schemes
- Contrast: Navy blue, emerald green, or black create sophisticated combinations
- Neutrals: Cream, beige, and taupe keep it grounded
For accessibility, gold (#FFD700) on white achieves approximately 2.5:1 contrast — may need darkening for text readability.
Frequently Asked Questions
What is the gold hex code?
The classic gold hex code is #FFD700. This bright, warm yellow is widely used in design and branding.
What colors go well with gold?
Gold pairs beautifully with navy blue, emerald green, deep burgundy, black, and cream. For a modern look, try combining it with blush pink or sage green.
Is gold the same as yellow?
No. While gold is a type of yellow, it has distinct red undertones that give it warmth and richness. Pure yellow (#FFFF00) is brighter and cooler than gold.
What are the RGB values for gold?
The gold RGB code is rgb(255, 215, 0). This combination creates a bright, warm yellow with just enough red to capture gold's characteristic richness.
What is gold's CMYK value?
Gold CMYK is approximately C:0, M:16, Y:100, K:0. This formulation produces its characteristic bright gold in print.
Why is gold associated with wealth?
Gold's association with wealth comes from its rarity, durability, and universal desirability. For thousands of years, it has been used as currency and a store of value, making it the ultimate symbol of prosperity.
What makes gold different from other yellows?
Gold's unique quality lies in its warm red undertones and metallic sheen. Unlike bright yellow or lemon yellow, gold has depth and richness that feels luxurious and timeless.
Is gold suitable for web design?
Yes, gold is excellent for web design, particularly for luxury brands and premium services. However, due to its brightness, it's best used as an accent color or with dark backgrounds for readability.