CSS named color
DarkKhaki
#BDB76B
HEX
#bdb76bRGB
rgb(189, 183, 107)HSL
hsl(56, 38%, 58%)OKLCH
oklch(76.75% 0.0980 104.51)NAME
darkkhakiPalette
Complementary
180° on the color wheelComplement
#6B71BD
Analogous
±30° around the base hueLeft
#BD8E6B
Right
#99BD6B
Triadic
±120° for harmonic contrastTriad 1
#6BBDB7
Triad 2
#B76BBD
Shades
Lighter and darker variantsCSS usage
By name
color: darkkhaki;
background-color: darkkhaki;By HEX
color: #bdb76b;
background-color: #bdb76b;By RGB
color: rgb(189, 183, 107);
background-color: rgb(189, 183, 107);By HSL
color: hsl(56, 38%, 58%);
background-color: hsl(56, 38%, 58%);WCAG contrast vs white
Aa
2.07:1
Below minimum
WCAG contrast vs black
Aa
10.15:1
AAA
Related colors
FAQ — DarkKhaki
What is the HEX code for DarkKhaki?
The HEX code for DarkKhaki is #BDB76B. It's one of the 148 named CSS colors and can be used directly in CSS as color: darkkhaki; or color: #bdb76b;
What is DarkKhaki in RGB?
DarkKhaki in RGB is rgb(189, 183, 107) — red 189, green 183, blue 107.
What is DarkKhaki in HSL?
DarkKhaki in HSL is hsl(56, 38%, 58%) — hue 56°, saturation 38%, lightness 58%.
What is the complementary color of DarkKhaki?
The complementary color (directly opposite DarkKhaki on the color wheel) is #6B71BD. The two together produce maximum contrast.
Is white text readable on DarkKhaki?
The WCAG contrast ratio against white (#FFFFFF) is 2.07:1, and against black (#000000) it's 10.15:1. White text is more readable. WCAG recommends at least 4.5:1 for body text.