Skip to content

Dark khaki

Dark khaki is a light, soft color from the yellow family. Hex code #BDB76B.

Dark khaki#BDB76B

Color codes

  • CSS namedarkkhaki
  • HEX#BDB76B
  • RGBrgb(189 183 107)
  • HSLhsl(56 38% 58%)
  • HSB / HSVhsb(56, 43%, 74%)
  • OKLCHoklch(76.7% 0.098 104.5)
  • CMYKcmyk(0%, 3%, 43%, 26%)

White text

2.06:1 · fails WCAG

Black text

10.14:1 · passes WCAG AAA

Shades

50#FCF6A8
100#DED98C
200#C2BC70
300#A6A054
400#8B8539
500#716A1A
600#575105
700#3E3900
800#262301

Complementary

#BDB76B
#ACABF0

Analogous

#BDB76B
#D9AA6A
#99C282

Triadic

#BDB76B
#67C1E2
#E19AC2

About this color

Dark khaki in CSS and design

Dark khaki is a light, soft color from the yellow family. Dark khaki is one of the extended color keywords, which CSS adopted from the X11 color names used on Unix workstations.

Use it in CSS by name or by any of its codes; these all give the same color:

color: darkkhaki;
color: #BDB76B;
color: rgb(189 183 107);
color: hsl(56 38% 58%);

For text on dark khaki, black reads best. Check other combinations with the contrast checker, or browse all CSS color names.

Frequently asked questions

What is the hex code for dark khaki?

#BDB76B. In CSS you can also use the keyword darkkhaki, which works in every browser.

What is dark khaki in RGB and HSL?

In RGB it is rgb(189 183 107), in HSL hsl(56 38% 58%). For print, cmyk(0%, 3%, 43%, 26%) is a starting point, but CMYK depends on paper and ink, so check with your printer.

Should I use black or white text on dark khaki?

Black text works better: it has a contrast ratio of 10.14:1 and passes WCAG AAA. White text reaches 2.06:1.

Which colors go with dark khaki?

Its complementary color is #ACABF0, on the opposite side of the color wheel. For a calmer look, combine it with its analogous neighbors #D9AA6A and #99C282. The palette generator builds more combinations.