yellowwarmCSS named color

Darkkhaki #BDB76B

Darkkhaki is a medium, muted warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Highlights · Warm accents

Open in generator →

Families: Yellows

Color values

FormatValue
HEX#BDB76B
RGBrgb(189, 183, 107)
HSLhsl(56, 38%, 58%)
HSVhsv(56, 43%, 74%)
OKLCHoklch(76.75% 0.098 104.5)
OKLaboklab(76.75% -0.0246 0.0949)
CMYKcmyk(0%, 3.2%, 43.4%, 25.9%)
XYZxyz(40.5744, 45.7484, 20.6)
CIE-LABlab(73.4, -8.8, 39.3)
CIE-LCHlch(73.4, 40.3, 102.6°)
Luminance0.457 (WCAG relative)
/* Darkkhaki */ --darkkhaki: #bdb76b; color: #bdb76b; background-color: #bdb76b;

Source: W3C CSS named color. CSS keyword: darkkhaki.

Collections: Boho Colors · Retro Colors · Vintage Colors

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#a8a360 #948f55 #807c4b #6d6a41 #5b5736 #49462d #373523 #27251a #171610 #000000

Tints (toward white)

#c4be79 #cbc588 #d2cc97 #d9d3a5 #e0dab4 #e6e2c3 #ede9d2 #f3f0e1 #f9f8f0 #ffffff

Tones (toward gray)

#bdb773 #bcb67a #bcb682 #bbb689 #bab590 #b9b597 #b8b59f #b7b5a6 #b6b4ad #b4b4b4

Color harmonies

Complementary

Edit in generator →
#BDB76B
#6B71BD
#bdb76b #6b71bd

Analogous

Edit in generator →
#BD8E6B
#BDB76B
#9ABD6B
#bd8e6b #bdb76b #9abd6b

Triadic

Edit in generator →
#BDB76B
#6BBDB7
#B76BBD
#bdb76b #6bbdb7 #b76bbd

Tetradic

Edit in generator →
#BDB76B
#6BBD8E
#6B71BD
#BD6B9A
#bdb76b #6bbd8e #6b71bd #bd6b9a

Square

Edit in generator →
#BDB76B
#6BBD8E
#6B71BD
#BD6B9A
#bdb76b #6bbd8e #6b71bd #bd6b9a

Split Complementary

Edit in generator →
#BDB76B
#6B9ABD
#8E6BBD
#bdb76b #6b9abd #8e6bbd

Monochromatic

Edit in generator →
#787336
#A29C48
#BDB76B
#D0CC95
#E3E0C0
#787336 #a29c48 #bdb76b #d0cc95 #e3e0c0

Accessibility & contrast

2.07
#BDB76B on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
10.15
#BDB76B on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on darkkhaki

10.15
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#C3B265
Deuteranopia (green-blind)
#C5B66E
Tritanopia (blue-blind)
#C8AEA5

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Sand #C2B2806.37
Light Olive #ACBF696.66
Tan Green #A9BE707.24
Desert #CCAD607.80
Sandstone #C9AE747.96
Pale Olive #B9CC818.05

Colors that go with darkkhaki

Top matches by hue harmony, contrast and saturation compatibility.

Beige #F5F5DC
1.9:1
Same hue family as darkkhaki (Δh 4°) — guaranteed harmony
Forest Green #2D5A27
3.9:1
Warm/cool bridge (Δh 57°) — adds depth without tension
Deep Violet #490648
7.2:1
Triadic harmony (Δh ≈115°) — balanced three-way contrast
Prussian Blue #004577
4.8:1
Split-complementary angle (Δh ≈150°) — strong but softer than direct complement
Dark Navy #000435
9.5:1
Complementary hue (Δh ≈180°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.