Dark Khaki vs Yellow

What is the difference between Dark Khaki and Yellow?

A side-by-side study of Dark Khaki (#BDB76B) and Yellow (#FFFF00) presents distinct choices for graphic layouts. In terms of color intensity, Yellow 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 4°, representing a harmonized adjacent relationship.

Design recommendations for Dark Khaki vs Yellow

When choosing between Dark Khaki and Yellow for interface designs, consider their visual weight. Since Yellow 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

Yellow Typography

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

White Text: 1.07:1 Black Text: 19.56:1

Technical Specifications Comparison

Format / Value Dark Khaki Yellow Delta / Difference
HEX Code #BDB76B #FFFF00 -
RGB Channels rgb(189, 183, 107) rgb(255, 255, 0) R:+66 | G:+72 | B:-107
HSL Values hsl(56°, 38%, 58%) hsl(60°, 100%, 50%) H:+4° | S:+62% | L:-8%
CMYK (Print) cmyk(0%, 3%, 43%, 26%) cmyk(0%, 0%, 100%, 0%) -

Individual Color References

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