UI Shades

A study in yellow

Dark Khaki

#BDB76B

Family
Yellow
L
0.767
C
0.098
H
105°

Notes

Dark Khaki is a muted yellow-brown named after the dust-toned uniforms of late nineteenth century British forces in South Asia. The CSS hex is desaturated and slightly olive, distinct from the lighter Khaki entry. Outdoor gear and earthy interior palettes use it as a primary or secondary tone. Deep navy handles type contrast; cream and warm wood push it toward a calmer outdoor palette. The low chroma makes it easy on the eye for large-area surfaces. Long-form reading against a Dark Khaki background feels less fatiguing than against pure white under tungsten light at evening hours.

#bdb76b
Dark Khaki
Dark Khaki
#bdb76b
oklch(0.767 0.098 104.51)
rgb(189 183 107)
hsl(55.6 38.3% 58%)
Share
#fcfbed
#f7f6de
#ebe8bd
#dcd898
#bdb76b
#958e3d
#7d7621
#67600a
#4b4500
#332f00
#1b1800

See your palette on a real UI - coming soon

Preview these shades across buttons, cards, and components in a live interface.

Plate 02

Palette built around Dark Khaki

Cross-reference
Q&A

Frequently asked questions

What is Dark Khaki?

Dark Khaki is a muted yellow-brown named after the dust-toned uniforms of late nineteenth century British forces in South Asia. The CSS hex is desaturated and slightly olive, distinct from the lighter Khaki entry. Its hex code is #BDB76B.

What are the tints and shades of Dark Khaki?

uishades builds an 11-step OKLCH ramp for Dark Khaki (#BDB76B) - its lightest tints through its darkest shades - plus an 11-stop Tailwind scale (50–950), both keyed to the same 50–950 stops. Lightness steps stay evenly spaced and the hue stays stable, so the mid-tones don't go muddy.

What colors pair well with Dark Khaki?

Its complementary color is #ACABF0. Triadic partners are #67C1E2 and #E19AC2; analogous neighbours are #99C282 and #D9AA6A.

What are the OKLCH and RGB values of Dark Khaki?

Dark Khaki is #BDB76B - OKLCH 0.767 0.098 105°, rgb(189 183 107), in the yellow family.