Darkkhaki

darkkhaki is a CSS color keyword. The closest Tailwind step is amber-200 (#fde68a).

#bdb76brgb(189, 183, 107)

Hex: #bdb76b
RGB: 189, 183, 107
HSL: 56°, 38%, 58%
OKLCH: 76.7% 0.098 104.5
LAB: 73.4 -8.8 39.3

Open #bdb76b in the explorer

Text contrast

Black or white text on #bdb76b. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text10.1:1 AAAAPCA Lc 66

White text2.1:1 FailAPCA Lc -43

Color vision

How #bdb76b looks in simulations of color blindness, at full severity.

Full color
#bdb76b

Protanopia
#c3b265

Deuteranopia
#c5b66e

Tritanopia
#c8aea5

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to darkkhaki.

50 100200300400500600700800900950

Copy into CSS

color: darkkhaki;
background: #bdb76b;

@theme {
  --color-darkkhaki-50: #fff9ac;
  --color-darkkhaki-100: #f2ec9e;
  --color-darkkhaki-200: #dbd588;
  --color-darkkhaki-300: #beb86c;
  --color-darkkhaki-400: #a29c50;
  --color-darkkhaki-500: #847d31;
  --color-darkkhaki-600: #69630f;
  --color-darkkhaki-700: #524c00;
  --color-darkkhaki-800: #3b3700;
  --color-darkkhaki-900: #262300;
  --color-darkkhaki-950: #100e00;
}