Dark Goldenrod vs Goldenrod

Dark Goldenrod #B8860B View details →

Goldenrod #DAA520 View details →

What is the difference between Dark Goldenrod and Goldenrod?

A side-by-side study of Dark Goldenrod (#B8860B) and Goldenrod (#DAA520) presents distinct choices for graphic layouts. In terms of color intensity, Dark Goldenrod is visibly more vibrant and saturated. Under screen illumination, Goldenrod is significantly brighter and reflects more light. They have a close hue coordinate distance of 0°, representing a harmonized adjacent relationship.

Design recommendations for Dark Goldenrod vs Goldenrod

When choosing between Dark Goldenrod and Goldenrod for interface designs, consider their visual weight. Since Dark Goldenrod is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Goldenrod is ideal for backgrounds or high-visibility accents. Testing their contrast ratio is essential to meet WCAG accessibility guidelines.

✦ Readability & Contrast Testing

Visual test showing black and white text overlay readability on both colors.

Dark Goldenrod Typography

Preview of dark and light text elements rendered over a solid Dark Goldenrod background canvas.

White Text: 3.25:1 Black Text: 6.45:1

Goldenrod Typography

Preview of dark and light text elements rendered over a solid Goldenrod background canvas.

White Text: 2.24:1 Black Text: 9.38:1

⚙ Technical Specifications Comparison

Format / Value	Dark Goldenrod	Goldenrod	Delta / Difference
HEX Code	`#B8860B`	`#DAA520`	-
RGB Channels	`rgb(184, 134, 11)`	`rgb(218, 165, 32)`	`R:+34 \| G:+31 \| B:+21`
HSL Values	`hsl(43°, 89%, 38%)`	`hsl(43°, 74%, 49%)`	`H:0° \| S:-15% \| L:+11%`
CMYK (Print)	`cmyk(0%, 27%, 94%, 28%)`	`cmyk(0%, 24%, 85%, 15%)`	-

◉ Individual Color References

Dark Goldenrod Reference Sheet HEX, RGB, HSL and print codes

Goldenrod Reference Sheet HEX, RGB, HSL and print codes