Khaki in OKLCH

Khaki is the soft, pale yellow-beige CSS named color #F0E68C. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.

OKLCHoklch(91.3% 0.112 102.8)

HEX#F0E68C

RGBrgb(240 230 140)

sRGB: in gamutDisplay-P3: in gamut

#F0E68C

oklch(91.3% 0.112 102.8)

Lightness91.3%

Chroma0.112

Hue102.8°

sRGB: in gamutDisplay-P3: in gamut

Values

OKLCH

oklch(91.3% 0.112 102.8)

HEX

#F0E68C

RGB

rgb(240 230 140)

Set from hex

Contrast (this color as text)

Aa on whiteWCAG 1.28:1

AA ✗AAA ✗

APCA Lc 14

Aa on blackWCAG 16.40:1

AA ✓AAA ✓

APCA Lc 90

Tonal palette

Tailwind steps · same hue

Export

Name

@theme {
  --color-brand-50: oklch(97.0% 0.077 102.8);
  --color-brand-100: oklch(94.0% 0.080 102.8);
  --color-brand-200: oklch(88.0% 0.086 102.8);
  --color-brand-300: oklch(80.0% 0.094 102.8);
  --color-brand-400: oklch(70.0% 0.104 102.8);
  --color-brand-500: oklch(62.0% 0.112 102.8);
  --color-brand-600: oklch(54.0% 0.104 102.8);
  --color-brand-700: oklch(46.0% 0.096 102.8);
  --color-brand-800: oklch(38.0% 0.088 102.8);
  --color-brand-900: oklch(30.0% 0.080 102.8);
  --color-brand-950: oklch(22.0% 0.072 102.8);
}

About khaki

Khaki is a light, muted yellow-tan that reads as natural, understated and vintage, which suits earthy, military and heritage palettes. It is high in lightness with low chroma, so the tonal scale makes an excellent set of warm neutral backgrounds and soft accents. Keep the hue and sweep lightness for the range, then copy the OKLCH, HEX or RGB value.

Khaki in CSS: oklch(91.3% 0.112 102.8) · #f0e68c · rgb(240 230 140)

Frequently Asked Questions

Khaki is rgb(240, 230, 140). The RGB, HEX (#F0E68C) and OKLCH values are all shown in the readouts above and can be copied individually.

Khaki is a light, desaturated yellow with a warm beige feel. Its OKLCH hue lands in the yellow range, and its low chroma is what gives it that muted, tan-like character.

Other colors in OKLCH

Rebecca Purple Coral Crimson Teal Hot Pink Gold

Back to the full OKLCH Color Picker