gold
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/FFD700/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/FFD700/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/FFD700/)Use the native HTML custom element.
#FFD700
CSS color
Overview
Gold is a brilliant warm yellow with a faint orange lean, defined as rgb(255, 215, 0), hex #FFD700. The red channel is full, green high, and blue absent, placing it at 50 degrees on the hue wheel at maximum saturation and brightness. One of the extended CSS3 named colors, gold approximates the hue of the precious metal, though a flat RGB value cannot reproduce metallic luster. Slightly warmer and deeper than pure yellow, it carries associations of value and prestige and serves as a luminous accent against dark backgrounds. With no blue component at all, gold is a fully warm hue, and its position opposite the blues on the color wheel gives it strong contrast in complementary pairings.
Gold (#FFD700) is a vivid, saturated warm yellow CSS named color—the purest representation of gold-colored light in the RGB spectrum. It is universally associated with achievement, luxury, wealth, and celebration, used in awards, sports trophies (gold medals), and premium brand identities worldwide. Its warmth and luminosity give it an unmatched sense of prestige and festivity.
On this page
Color Values
#FFD700
255, 215, 0
50.6, 100.0%, 50.0%
50.6, 100.0%, 100.0%
0.0%, 15.7%, 100.0%, 0.0%
0.8868 0.1822 95.3
Properties
Color Psychology
Pure yellow is the most luminous color in the spectrum, instantly associated with sunshine, optimism, and alertness. It stimulates the nervous system and enhances concentration, which is why it appears on school buses and warning signs. Yellow demands attention faster than any other color.
Design Usage
Medium yellow is powerful for attention badges, star ratings, and highlight accents in otherwise neutral interfaces. It is one of the hardest colors to use as a primary brand color because of contrast limitations against white. Dark text on yellow achieves strong readability, making it effective for caution banners.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #FFD700;
color: #FFD700;
border-color: #FFD700;
Yellow 400
#FACC15
Tailwind Shades
Contrast Checker
Text on white
1.4:1
Text on black
14.97:1
Compare With
Part of These Collections
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #FFD700?
RGB(255, 215, 0) · HSL(50.6, 100.0%, 50.0%) · CMYK(0.0%, 15.7%, 100.0%, 0.0%)
Does #FFD700 meet WCAG contrast on white?
1.4:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #FFD700?
Use 000000 text on a #FFD700 background; contrast on black is 14.97:1.