CSS named color
DarkKhaki #BDB76B
DarkKhaki is a yellow with the hex code #BDB76B, which converts to rgb(189, 183, 107). Open #BDB76B in the converter to tweak it.
DarkKhaki color values
| HEX | #BDB76B |
|---|---|
| HEX (shorthand) | — |
| RGB | rgb(189, 183, 107) |
| RGBA | rgba(189, 183, 107, 1) |
| 8-digit HEX | #BDB76BFF |
| HSL | hsl(56, 38%, 58%) |
| HSV / HSB | 56°, 43%, 74% |
| CMYK | 0%, 3%, 43%, 26% |
| RGB 0–1 | 0.741, 0.718, 0.42 |
| Decimal | 12433259 |
| CSS keyword | darkkhaki |
How #BDB76B converts to RGB
Split the hex code into three pairs and read each pair as a base-16 number: BD → 189, B7 → 183, 6B → 107. That gives rgb(189, 183, 107). The step-by-step guide explains the math.
Shades of DarkKhaki
Mixed toward black in 10% steps. Click a swatch to copy its hex.
Tints of DarkKhaki
Mixed toward white in 10% steps.
Color harmonies
Hue rotations of DarkKhaki on the HSL color wheel, keeping saturation and lightness fixed. The color harmony guide explains when each scheme works.
Complementary
Analogous
Split-complementary
Triadic
Tetradic (square)
Contrast and accessibility
| Text | Background | Ratio | WCAG 2.x |
|---|---|---|---|
| White | DarkKhaki | 2.06:1 | Fail |
| Black | DarkKhaki | 10.14:1 | AAA |
Use black text on a darkkhaki background. Test any other pair in the contrast checker; thresholds are explained in the WCAG contrast guide.
Use DarkKhaki in CSS
.element {
color: darkkhaki; /* keyword */
background-color: #BDB76B; /* hex */
border-color: rgb(189 183 107 / 50%); /* 50% transparent */
}Need it semi-transparent? Append an alpha byte: #BDB76B80 is DarkKhaki at 50% opacity. See RGBA & transparency.
Similar named colors
FAQ
What is the HEX code for DarkKhaki?
The CSS named color darkkhaki is #BDB76B in hexadecimal. In CSS you can write color: darkkhaki; or color: #BDB76B; — both produce the same pixel.
What is DarkKhaki in RGB?
DarkKhaki is rgb(189, 183, 107): red 189, green 183, blue 107 on the 0–255 scale. As normalized 0–1 floats that is (0.741, 0.718, 0.42).
Is white or black text more readable on DarkKhaki?
Black text is more readable. White on #BDB76B has a contrast ratio of 2.06:1 (Fail), black on #BDB76B has 10.14:1 (AAA). WCAG AA needs 4.5:1 for normal text.