What does the color DarkKhaki mean?

Yellow

DarkKhaki

#bdb76b

#cac589

#d7d4a6

#e5e2c4

#f2f1e1

#b1ac6f

Meaning

Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.

History

DarkKhaki is a standard CSS/SVG named color used across browsers since early web standards.

Usage

Use DarkKhaki (#bdb76b) in CSS as color: darkkhaki; or as #bdb76b.

Preview

DarkKhaki

#bdb76b

Overview

Family: Yellow

Accessibility on this swatch:

AAA

(10.15:1)

Contrast vs white: 2.07:1 · vs black: 10.15:1

Formats

HEX

#bdb76b

RGB

rgb(189, 183, 107)

RGBA

rgba(189, 183, 107, 1)

HSL

hsl(56, 38%, 58%)

HSV

hsv(56, 43%, 74%)

LAB

lab(73.38% -8.79 39.29)

LCH

lch(73.38% 40.26 102.61)

OKLAB

oklab(0.7675 -0.0246 0.0949)

OKLCH

oklch(0.7675 0.098 104.53)

XYZ

xyz(40.57, 45.75, 20.60)

CMYK

cmyk(0%, 3%, 43%, 26%)

CSS

color: #bdb76b;

CSS variable

--color-bdb76b: #bdb76b;

SCSS

$color-bdb76b: #bdb76b;

Tailwind

orange-400

Export

Developer code

:root {
  --darkkhaki-1: #bdb76b;
}

Color psychology

Optimism, attention, and warmth. Ideal for highlights, warnings, and cheerful brands.

Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Yellow family.

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#cac589

#d7d4a6

#e5e2c4

#f2f1e1

#b1ac6f

#a5a173

#989678

#8c8b7c

Similar colors

#b9ba6d

#c8c16f

#bfb069

#c1c27a

#c7b875

#c0ba62

#d0c97c

#b5a65a

Browse more in the color name library.