Inspect Khaki (#F0E68C) in HEX, RGB, HSL, LCH and OKLCH, check its contrast, and copy the value you need.
Khaki
#F0E68C
Black text reads best on this background, at 16.4:1.
Khaki is one of the 148 CSS named colors, and resolves to #F0E68C in every browser. In numbers that is rgb(240, 230, 140) and hsl(54, 77%, 75%). Perceptually it is a very light, moderately saturated color: OKLCH puts its lightness at 91% and its chroma at 0.112. It sits in the yellows at 103 degrees of OKLCH hue, and reads as a warm color.
White text only reaches 1.28:1 here, so black text is the safer pairing at 16.4:1. Because it is this light, Khaki works best as a page or card background with dark text over it.
The closest CSS named colors to Khaki, measured with CIEDE2000, are PaleGoldenRod (#EEE8AA), LemonChiffon (#FFFACD), Moccasin (#FFE4B5). If Khaki is not quite right, those are the nearest keywords to try before reaching for a custom value.
HEX
#F0E68C
RGB
rgb(240, 230, 140)
HSL
hsl(54, 77%, 75%)
HWB
hwb(54 55% 6%)
CMYK
cmyk(0%, 4%, 42%, 6%)
LAB
lab(90.64 -5.6 45)
LCH
lch(90.64 45.34 97.09)
OKLCH
oklch(91.35% 0.1119 102.83)
WCAG asks for 4.5:1 between body text and its background. On #F0E68C white text measures 1.28:1 and black text 16.4:1, so black clears it and white does not.
White text on Khaki
WCAG 2.2
1.28:1
APCA
Lc 15
Fails AA body text
Fails AAA body text
Fails AA large text
Black text on Khaki
WCAG 2.2
16.4:1
APCA
Lc 89
Passes AA body text
Passes AAA body text
Passes AA large text
Check Khaki against any other color in the contrast checker.
Khaki sits at 91% OKLCH lightness. Holding its hue and chroma and moving only that value carries it up to #FFFBD0 and down to #070600, which keeps the family recognizable instead of letting it drift toward gray the way a plain HSL ramp does.
#F4EA90
20% lighter
#F9EF95
40% lighter
#FDF399
60% lighter
#FFF7AF
80% lighter
#FFFBD0
100% lighter
#BDB259
20% darker
#8C8123
40% darker
#5C5300
60% darker
#2E2900
80% darker
#070600
100% darker
Build a full accessible scale from #F0E68C in the shade generator.
Hues rotated around #F0E68C in OKLCH, then pulled back into the sRGB gamut. Each swatch is labelled with the nearest CSS named color so you have a keyword to start from.
Khaki sits at 103 degrees. Rotating it a half turn lands on 283 degrees, the hue directly opposite. It is the strongest pairing you can make without changing lightness, and the one most likely to vibrate if you use both at full chroma.
The neighbors of Khaki at 73 and 133 degrees. They stay close enough to read as the same family, which is what you want for hover states, secondary surfaces and gradients.
103, 223 and 343 degrees divide the wheel into thirds. Balanced enough to carry a whole palette without one color dominating the other two.
Instead of the complement at 283 degrees, this pair flanks it at 253 and 313. You keep most of the contrast of a complementary pairing while losing the harshness.
Explore more combinations around Khaki on the color wheel.
The biggest shift is under tritanopia, where #F0E68C reads as #FFD8CB, 24.5 CIEDE2000 units away. If Khaki is the only thing marking a state or a series, roughly one viewer in twelve will miss it.
Protanopia
#FADE87
Deuteranopia
#FEE58F
Tritanopia
#FFD8CB
Achromatopsia
#E2E2E2
The nearest CSS keywords to #F0E68C, ranked by perceptual distance rather than by how close their hex digits happen to look.