Goldenrod Color Hex Code, RGB & HSL Values

What is the meaning of the Goldenrod color?

Goldenrod represents the color of the goldenrod wildflower. It is a warm, deep yellow color with earthy undertones, widely used to convey harvest, warmth, and autumn aesthetics without the brightness of pure yellow.

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

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

What are the RGB and HSL codes of Goldenrod?

The RGB breakdown for Goldenrod is rgb(218, 165, 32). In HSL space, it translates to 43° hue, 74% saturation, and 49% lightness, rendering a highly vivid, intense, and brilliant shade.

CMYK print profiles for Goldenrod color

For print design projects using CMYK ink models, Goldenrod corresponds to Cyan: 0%, Magenta: 24%, Yellow: 85%, and Black: 15%. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 218

Green Channel 165

Blue Channel 32

Luminance 0.419

⇄ Goldenrod Color Space Conversions

Click to copy format

HEX Color Code #DAA520

RGB (Red Green Blue) rgb(218, 165, 32)

HSL (Hue Sat Light) hsl(43°, 74%, 49%)

CMYK (Commercial Print) cmyk(0%, 24%, 85%, 15%)

HSV / HSB Values hsv(43°, 85%, 85%)

Decimal Color Code 14329120

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

Tailwind CSS Utility bg-[#DAA520]

CSS Named Color goldenrod

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #DAA520

Small body copy preview

Black Text on Background

Black text readability test with #DAA520

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 Goldenrod */
--color-hex: #DAA520;
--color-rgb: rgb(218, 165, 32);
--color-hsl: hsl(43deg, 74%, 49%);
--color-name: goldenrod;

Aa Known Color Aliases

✦ Goldenrod Color Meaning

Representing the yellow color family, Goldenrod carries the intrinsic characteristics of this organic hue. This color group 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

CautionHappinessOptimismClarity

Industries

TransportationChildren's ProductsTechnology