Khaki Color Hex Code, RGB & HSL Values

What is the meaning of the Khaki color?

Khaki is a light, dusty tan-brown color with military origins. It represents utility, practicality, and outdoor adventure, serving as a reliable neutral color in fashion and earthy branding.

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

To style elements with Khaki on a website, use the hex code #F0E68C in your HTML/CSS. Adding background-color: #F0E68C; will render the color. In Tailwind CSS, you can apply this shade dynamically using classes like bg-[#F0E68C] or configuring it as a color variable in your configuration file.

What are the RGB and HSL codes of Khaki?

In the digital sRGB spectrum, the Khaki color code is mapped to RGB values of Red: 240, Green: 230, and Blue: 140. In the HSL system, it registers at hue angle 54°, saturation 77%, and lightness index 75%. It represents a bright, soft tint characterized by a highly vivid, intense, and brilliant shade.

CMYK print profiles for Khaki color

To reproduce the named shade Khaki in print systems, the CMYK ink configuration requires 0% Cyan, 4% Magenta, 42% Yellow, and 6% black. Yellow shades are excellent warning triggers and call-to-actions, radiating optimism, energy, and caution.

Red Channel 240

Green Channel 230

Blue Channel 140

Luminance 0.770

⇄ Khaki Color Space Conversions

Click to copy format

HEX Color Code #F0E68C

RGB (Red Green Blue) rgb(240, 230, 140)

HSL (Hue Sat Light) hsl(54°, 77%, 75%)

CMYK (Commercial Print) cmyk(0%, 4%, 42%, 6%)

HSV / HSB Values hsv(54°, 42%, 94%)

Decimal Color Code 15787660

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

Tailwind CSS Utility bg-[#F0E68C]

CSS Named Color khaki

◎ Contrast & Accessibility (WCAG 2.1) Check

White Text on Background

White text readability test with #F0E68C

Small body copy preview

Black Text on Background

Black text readability test with #F0E68C

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 Khaki */
--color-hex: #F0E68C;
--color-rgb: rgb(240, 230, 140);
--color-hsl: hsl(54deg, 77%, 75%);
--color-name: khaki;

Aa Known Color Aliases

✦ Khaki Color Meaning

In design psychology, 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

HappinessWarmthClarityCaution

Industries

TransportationTechnologyEducation