Dark Goldenrod Color Hex Code, RGB & HSL Values

What is the meaning of the Dark Goldenrod color?

Dark Goldenrod is a rich, warm, and dark gold color with deep mustard undertones. It represents antiquity, craftsmanship, and historic elegance, perfect for custom woodcraft and vintage-style branding.

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

To style elements with Dark Goldenrod on a website, use the hex code #B8860B in your HTML/CSS. Adding background-color: #B8860B; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#B8860B] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Dark Goldenrod?

In the digital sRGB spectrum, the Dark Goldenrod color code is mapped to RGB values of Red: 184, Green: 134, and Blue: 11. In the HSL system, it registers at hue angle 43°, saturation 89%, and lightness index 38%. It represents a balanced medium tone characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Dark Goldenrod color

To reproduce the named shade Dark Goldenrod in print systems, the CMYK ink configuration requires 0% Cyan, 27% Magenta, 94% Yellow, and 28% black. Orange balances warmth and friendliness, serving as a bright focal accent in active user interfaces.

Red Channel 184

Green Channel 134

Blue Channel 11

Luminance 0.273

⇄ Dark Goldenrod Color Space Conversions

Click to copy format

HEX Color Code #B8860B

RGB (Red Green Blue) rgb(184, 134, 11)

HSL (Hue Sat Light) hsl(43°, 89%, 38%)

CMYK (Commercial Print) cmyk(0%, 27%, 94%, 28%)

HSV / HSB Values hsv(43°, 94%, 72%)

Decimal Color Code 12092939

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

Tailwind CSS Utility bg-[#B8860B]

CSS Named Color darkgoldenrod

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #B8860B

Small body copy preview

Black Text on Background

Black text readability test with #B8860B

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 Dark Goldenrod */
--color-hex: #B8860B;
--color-rgb: rgb(184, 134, 11);
--color-hsl: hsl(43deg, 89%, 38%);
--color-name: darkgoldenrod;

Aa Known Color Aliases

✦ Dark Goldenrod Color Meaning

Representing the yellow color family, Dark 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

OptimismIntelligenceClarityHappiness

Industries

Children's ProductsTechnologyEducation