Dark Khaki vs Goldenrod

What is the difference between Dark Khaki and Goldenrod?

Comparing Dark Khaki (#BDB76B) and Goldenrod (#DAA520) reveals interesting optical contrasts. In terms of color intensity, Goldenrod features a more vivid and saturated tone. Under screen illumination, Dark Khaki has a higher brightness and reflectivity. They have a close hue coordinate distance of 13°, representing a harmonized adjacent relationship.

Design recommendations for Dark Khaki vs Goldenrod

When choosing between Dark Khaki and Goldenrod for interface designs, consider their visual weight. Since Goldenrod is darker, it serves as a solid base for structural layouts or heavy typography, while the lighter Dark Khaki 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 Khaki Typography

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

White Text: 2.07:1 Black Text: 10.15: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 Khaki Goldenrod Delta / Difference
HEX Code #BDB76B #DAA520 -
RGB Channels rgb(189, 183, 107) rgb(218, 165, 32) R:+29 | G:-18 | B:-75
HSL Values hsl(56°, 38%, 58%) hsl(43°, 74%, 49%) H:-13° | S:+36% | L:-9%
CMYK (Print) cmyk(0%, 3%, 43%, 26%) cmyk(0%, 24%, 85%, 15%) -

Individual Color References

Dark Khaki Reference Sheet HEX, RGB, HSL and print codes
Goldenrod Reference Sheet HEX, RGB, HSL and print codes
Copied!