Dark Khaki color codes
| CSS name | darkkhaki |
|---|---|
| HEX | #BDB76B |
| RGB | rgb(189, 183, 107) |
| HSL | hsl(56, 38%, 58%) |
| CMYK | cmyk(0%, 3%, 43%, 26%) |
| Decimal | 12433259 |
Shades of Dark Khaki (darker)
#AAA560 · #979256 · #84804B · #716E40 · #5F5C36 · #4C492B · #393720 · #262515 · #13120B
Tints of Dark Khaki (lighter)
#C4BE7A · #CAC589 · #D1CD97 · #D7D4A6 · #DEDBB5 · #E5E2C4 · #EBE9D3 · #F2F1E1 · #F8F8F0
Color harmonies
| Complementary | #6B71BD |
|---|---|
| Triadic | #6BBDB7, #B76BBD |
| Analogous | #BD8E6B, #99BD6B |
Accessibility (WCAG contrast)
| White text on Dark Khaki | 2.07:1 · Fail |
|---|---|
| Black text on Dark Khaki | 10.15:1 · AAA |
Use Dark Khaki in code
.element {
color: darkkhaki; /* or #bdb76b */
background-color: rgb(189 183 107 / 0.5);
}Frequently asked questions
What is the hex code for Dark Khaki?
Dark Khaki is #BDB76B in HEX, rgb(189, 183, 107) in RGB and hsl(56, 38%, 58%) in HSL.
Can I use "darkkhaki" directly in CSS?
Yes. "darkkhaki" is one of the 148 standard CSS named colors, so color: darkkhaki; works in every browser.
Is Dark Khaki readable on white?
The contrast ratio of Dark Khaki on white is 2.07:1 (WCAG Fail). On black it is 10.15:1 (AAA).
What is the complementary color of Dark Khaki?
The complementary color (opposite on the color wheel) is #6B71BD.
Similar colors
Tan#D2B48CBurly Wood#DEB887Rosy Brown#BC8F8FDark Salmon#E9967ADark Sea Green#8FBC8FSandy Brown#F4A460Dark Gray#A9A9A9Dark Grey#A9A9A9
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.