Khaki vs Goldenrod

What is the difference between Khaki and Goldenrod?

An analysis of Khaki (#F0E68C) alongside Goldenrod (#DAA520) highlights their unique visual relationship. Both colors share a very similar saturation index, making their color intensity nearly equal. Under screen illumination, Khaki has a higher brightness and reflectivity. They have a close hue coordinate distance of 11°, representing a harmonized adjacent relationship.

Design recommendations for Khaki vs Goldenrod

When choosing between 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 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.

Khaki Typography

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

White Text: 1.28:1 Black Text: 16.40: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 Khaki Goldenrod Delta / Difference
HEX Code #F0E68C #DAA520 -
RGB Channels rgb(240, 230, 140) rgb(218, 165, 32) R:-22 | G:-65 | B:-108
HSL Values hsl(54°, 77%, 75%) hsl(43°, 74%, 49%) H:-11° | S:-3% | L:-26%
CMYK (Print) cmyk(0%, 4%, 42%, 6%) cmyk(0%, 24%, 85%, 15%) -

Individual Color References

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