Dark Khaki Color Hex Code, RGB & HSL Values

What is the meaning of the Dark Khaki color?

Dark Khaki is a muted, warm tan-green shade. It is a utilitarian color associated with military apparel, outdoor gear, and autumn landscapes, popular in organic and travel web designs.

How to use the Dark Khaki color hex code in HTML & CSS?

Developers can invoke Dark Khaki color codes in stylesheets using color: #BDB76B;. For modern CSS frameworks, set it as a variable --color-dark khaki: #BDB76B;, or implement it in Tailwind using bg-[#BDB76B].

What are the RGB and HSL codes of Dark Khaki?

The RGB breakdown for Dark Khaki is rgb(189, 183, 107). In HSL space, it translates to 56° hue, 38% saturation, and 58% lightness, rendering a balanced, moderate saturation.

CMYK print profiles for Dark Khaki color

For print design projects using CMYK ink models, Dark Khaki corresponds to Cyan: 0%, Magenta: 3%, Yellow: 43%, and Black: 26%. Yellow shades are excellent warning triggers and call-to-actions, radiating optimism, energy, and caution.

Red Channel 189

Green Channel 183

Blue Channel 107

Luminance 0.457

⇄ Dark Khaki Color Space Conversions

Click to copy format

HEX Color Code #BDB76B

RGB (Red Green Blue) rgb(189, 183, 107)

HSL (Hue Sat Light) hsl(56°, 38%, 58%)

CMYK (Commercial Print) cmyk(0%, 3%, 43%, 26%)

HSV / HSB Values hsv(56°, 43%, 74%)

Decimal Color Code 12433259

CSS Custom Variable --color-hex: #BDB76B;

Tailwind CSS Utility bg-[#BDB76B]

CSS Named Color darkkhaki

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #BDB76B

Small body copy preview

Black Text on Background

Black text readability test with #BDB76B

Small body copy preview

◈ Complementary & Analogous Harmonies

Computed dynamically

▤ Shades & Tints Generator Matrix

Copy shade hex values instantly

Darker Shades (Adding Black)

Lighter Tints (Adding White)

{ } CSS Custom Properties (Variables)

Copy CSS Styles

/* CSS Custom Properties for Dark Khaki */
--color-hex: #BDB76B;
--color-rgb: rgb(189, 183, 107);
--color-hsl: hsl(56deg, 38%, 58%);
--color-name: darkkhaki;

Aa Known Color Aliases

✦ Dark Khaki Color Meaning

In design psychology, Dark Khaki is classified as a yellow shade, inheriting its psychological associations. The yellow hue is the most luminous of all colors, instantly grabbing attention and stimulating mental activity. It is associated with logic, creativity, and the joy of learning. Yellow communicates optimism, clarity, and warmth in design contexts. However, its intensity can cause eye fatigue when overused. In brand design, yellow signals positivity and energy — taxi cabs, warning signs, and tech companies all leverage its visibility. Culturally, yellow represents prosperity and good fortune in many Asian cultures, while in Western contexts it symbolizes happiness and caution in equal measure.

Emotions & Associations

OptimismHappinessClarityCaution

Industries

TransportationFoodEducation