Khaki

khaki is a CSS color keyword. The closest Tailwind step is amber-200 (#fde68a).

#f0e68crgb(240, 230, 140)
Hex
#f0e68c
RGB
240, 230, 140
HSL
54°, 77%, 75%
OKLCH
91.3% 0.112 102.8
LAB
90.3 -9.0 45.0

Open #f0e68c in the explorer

Text contrast

Black or white text on #f0e68c. AA needs 4.5:1 and AAA needs 7:1. APCA Lc is a separate readability score.

Black text16.4:1 AAAAPCA Lc 91
White text1.3:1 FailAPCA Lc -15

Color vision

How #f0e68c looks in simulations of color blindness, at full severity.

Full color
#f0e68c
Protanopia
#f5e085
Deuteranopia
#f8e690
Tritanopia
#fddbd0

Tonal scale

An OKLCH ramp that keeps this hue. The marked step is the closest lightness to khaki.

50100200300400500600700800900950

Copy into CSS

color: khaki;
background: #f0e68c;
@theme {
  --color-khaki-50: #fff8b7;
  --color-khaki-100: #f5eb91;
  --color-khaki-200: #ded47b;
  --color-khaki-300: #c1b75e;
  --color-khaki-400: #a59b41;
  --color-khaki-500: #877c1c;
  --color-khaki-600: #6c6200;
  --color-khaki-700: #534c00;
  --color-khaki-800: #3c3600;
  --color-khaki-900: #262200;
  --color-khaki-950: #100e00;
}