What Color is American Gold
American Gold captures the essence of the precious metal with a deep, non-metallic saturation. It balances the vibrancy of yellow with the grounding qualities of light brown, representing prestige and tradition. This shade commands attention without the aggressive glare of neon varieties, serving as a bridge between earthy neutrals and rich accents.
What color is opposite American Gold?
The opposite color to American Gold is Royal Blue (#365bd3).
Additional Information
- Color Family: Yellow
- Temperature: Warm
- Associated Season: Spring
- Complementary Color: #365BD3
- Brightness: 172/255
- Saturation: 74%
Colors That Pair Well With American Gold
Complementary
Pair with Royal Blue for a harmonious, balanced look. Great for backgrounds and accents.
High Contrast
Use Cerulean Blue for maximum readability. Ideal for text or critical UI elements.
Harmonious Depth
Use lighter and darker shades for a sophisticated, cohesive design. Great for backgrounds, text, and subtle accents.
Color Variations
Tints (add white)
Tones (add grey)
American Gold History
Artists historically utilized toxic orpiment or expensive gold leaf to achieve this luminous effect before synthetic substitutes emerged. During the Renaissance, masters employed yellow ochre and lead-tin yellow to render the weight and grandeur of gold jewelry and halos in oil paintings. The pursuit of this hue drove innovation in pigment chemistry for centuries.
The specific designation of American Gold became standardized in 20th-century color dictionaries, particularly within heraldry and institutional branding. It served as a defining hue of the Art Deco era, symbolizing the industrial optimism and luxury of the Jazz Age. Unlike lighter European variants, this deeper shade became synonymous with academic and military standards in the United States.
Meaning & Psychology
Psychologically, this hue communicates success and high value, triggering associations with reward and quality. Unlike bright lemon yellows which can cause agitation, the brownish undertones of American Gold evoke warmth and reliability. It appeals to the human desire for security and achievement, suggesting a solid foundation rather than fleeting excitement.
Culturally, it represents the highest standard, utilized globally to signify the victor in competition. It bridges the gap between the spiritual enlightenment associated with light and the material wealth of the earth. However, an excess of this color can be perceived as ostentatious or arrogant, requiring careful balance to maintain dignity.
In Nature
In the natural world, this hue appears in the shimmering coat of a lion basking in the savanna sun. It characterizes the cubic formations of the mineral pyrite found in rock strata and the dried heads of wheat during the late harvest season. The color also manifests vividly in the turning leaves of gingko trees before they fall in autumn.
How To Use American Gold
In graphic design, American Gold conveys authority when paired with dark navy or slate grey. It serves as an excellent anchor for luxury branding, providing a sense of established heritage rather than modern minimalism. Designers should avoid pairing it with similar warm tones like orange or beige to prevent visual mudiness and lack of definition.
Regarding accessibility, this hex code fails contrast standards against white backgrounds; therefore, typography placed over it must be black or very dark blue. It works effectively for borders and iconography where high-precision reading is not required. Proper spacing helps maintain the distinct metallic illusion in flat design interfaces.
Related Words
Curated Palettes
Academic Legacy
A traditional, authoritative palette often seen in university branding and heraldry.
Roaring Twenties
High-contrast luxury inspired by Art Deco architecture and nightlife.
Agrarian Harvest
Warm, earthy tones derived from late autumn crops and foliage.
Color Conversions
Color Blindness Simulation
CSS Snippets
color: #D3AF37;
color: rgb(211, 175, 55);
background-color: #D3AF37;
border: 3px solid #D3AF37;
box-shadow: 0 4px 12px #D3AF3766;
background: linear-gradient(135deg, #D3AF37 0%, #ffffff 100%);

Shop Premium Products in American Gold
This isn't just a mockup. We'll custom make high-quality home decor in this exact shade, just for you.
Ships in 3-5 daysSecure Checkout
Product Details
Add a touch of luxury to your home with our premium Eco Velvet cushions. Soft to the touch, these cushions are perfect for adding comfort and style to any room.
- Material: Soft Eco Velvet.
- Feel: Velvety soft finish.
- Print: Double-sided, all-over vibrant color using water-based inks.
- Care: Machine washable at 30°C.
- Construction: Handmade to order with a concealed zipper.
Eco Credentials
We believe in sustainable style. Our cushions are crafted with the planet in mind.
- Made to Order: Produced only when you order, eliminating overproduction and waste.
- Water-Based Inks: Printed using neo-pigment, water-based inks that are non-hazardous, toxin-free, and vegan-friendly.
- Local Fulfilment: Produced locally where possible to reduce carbon emissions from transport.
- Vegan Friendly: No animal products are used in the production of these cushions.
What Goes With American Gold?
Explore color palettes containing American Gold and discover harmonious combinations for your designs.
Analogous
Complementary
Split-complementary
Accessibility
Contrast with Black and White
Contrast with Black
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Contrast with White
UI Examples
"Color is a power which directly influences the soul."
Contrast Ratio
Closest Color Matches
Polychromos
dark Naples ochre
#184 • #F5C25B
Caran d'ache Luminance 6901
Olive Yellow
#015 • #C0B627
Similar Colors
View all Yellow colors →Colors with similar hex values and appearance to American Gold
Frequently Asked Questions
What is the hex code for American Gold?
What colors go with American Gold?
Is American Gold accessible for text?
How do I use American Gold in CSS?
You can use American Gold in CSS with its hex code. Here is an example class:
.american-gold {
background-color: #D3AF37;
color: #FFFFFF;
}For more snippets including gradients, see the CSS snippets section.