What does the color Khaki mean?

Amber

Khaki

#f0e68c

#f3eba3

#f6f0ba

#f9f5d1

#fcfae8

#dad28a

Meaning

Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.

History

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

Usage

Use Khaki (#f0e68c) in CSS as color: khaki; or as #f0e68c.

Preview

Khaki

#f0e68c

Overview

Family: Amber

Accessibility on this swatch:

AAA

(16.4:1)

Contrast vs white: 1.28:1 · vs black: 16.4:1

Formats

HEX

#f0e68c

RGB

rgb(240, 230, 140)

RGBA

rgba(240, 230, 140, 1)

HSL

hsl(54, 77%, 75%)

HSV

hsv(54, 42%, 94%)

LAB

lab(90.33% -9.01 44.98)

LCH

lch(90.33% 45.87 101.33)

OKLAB

oklab(0.9135 -0.0249 0.1091)

OKLCH

oklch(0.9135 0.1119 102.86)

XYZ

xyz(68.97, 77.01, 36.04)

CMYK

cmyk(0%, 4%, 42%, 6%)

CSS

color: #f0e68c;

CSS variable

--color-f0e68c: #f0e68c;

SCSS

$color-f0e68c: #f0e68c;

Tailwind

orange-200

Export

Developer code

:root {
  --khaki-1: #f0e68c;
}

Color psychology

Confidence, warmth, and caution. Useful for notifications and premium earthy palettes.

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

Tints

Shades

Tones

Complementary

Analogous

Triadic

Split complementary

Monochromatic

Related shades & tints

#f3eba3

#f6f0ba

#f9f5d1

#fcfae8

#dad28a

#c3bd87

#ada985

#969482

Similar colors

#e3e382

#e7dc79

#dcd27a

#e7d27e

#d8d888

#d0d076

#dddd73

#f2e678

Browse more in the color name library.