Gold Color Hex Code, RGB & HSL Values

What is the meaning of the Gold color?

Gold is a warm yellow color resembling the precious metal. It represents wealth, prosperity, high quality, and success, adding a luxurious, premium touch to brand logos, borders, and premium tier badges.

How to use the Gold color hex code in HTML & CSS?

Developers can invoke Gold color codes in stylesheets using color: #FFD700;. For modern CSS frameworks, set it as a variable --color-gold: #FFD700;, or implement it in Tailwind using bg-[#FFD700].

What are the RGB and HSL codes of Gold?

The RGB breakdown for Gold is rgb(255, 215, 0). In HSL space, it translates to 51° hue, 100% saturation, and 50% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Gold color

For print design projects using CMYK ink models, Gold corresponds to Cyan: 0%, Magenta: 16%, Yellow: 100%, and Black: 0%. Yellow shades are excellent warning triggers and call-to-actions, radiating optimism, energy, and caution.

Red Channel 255

Green Channel 215

Blue Channel 0

Luminance 0.699

⇄ Gold Color Space Conversions

Click to copy format

HEX Color Code #FFD700

RGB (Red Green Blue) rgb(255, 215, 0)

HSL (Hue Sat Light) hsl(51°, 100%, 50%)

CMYK (Commercial Print) cmyk(0%, 16%, 100%, 0%)

HSV / HSB Values hsv(51°, 100%, 100%)

Decimal Color Code 16766720

CSS Custom Variable --color-hex: #FFD700;

Tailwind CSS Utility bg-[#FFD700]

CSS Named Color gold

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #FFD700

Small body copy preview

Black Text on Background

Black text readability test with #FFD700

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Gold */
--color-hex: #FFD700;
--color-rgb: rgb(255, 215, 0);
--color-hsl: hsl(51deg, 100%, 50%);
--color-name: gold;

Aa Known Color Aliases

✦ Gold Color Meaning

As a notable shade in the yellow spectrum, Gold embodies the core psychological traits of the yellow color family. The yellow spectrum is the most luminous of all colors, instantly grabbing attention and stimulating mental activity. It is associated with logic, creativity, and the joy of learning. Yellow communicates optimism, clarity, and warmth in design contexts. However, its intensity can cause eye fatigue when overused. In brand design, yellow signals positivity and energy — taxi cabs, warning signs, and tech companies all leverage its visibility. Culturally, yellow represents prosperity and good fortune in many Asian cultures, while in Western contexts it symbolizes happiness and caution in equal measure.

Emotions & Associations

HappinessOptimismClarityIntelligence

Industries

Children's ProductsTechnologyFood