Skip to main content
ToolsHub
#F0E68C

Khaki Color — #F0E68C

Complete color reference for #F0E68C: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#F0E68C
RGBrgb(240, 230, 140)
HSLhsl(54, 77%, 75%)
HSVhsv(54, 42%, 94%)
CMYKC:0% M:4% Y:42% K:6%
CSS Colorkhaki
Decimal15787660
Luminance0.7701

WCAG Accessibility Contrast

#F0E68C on White
Ratio: 1.28:1 — Fail
#F0E68C on Black
Ratio: 16.4:1 — AAA
White on #F0E68C
Ratio: 1.28:1 — Fail
Black on #F0E68C
Ratio: 16.4:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FEFEF9
100#FDFBEE
200#FBF8DD
300#F8F4CB
400#F5EFB4
500#F0E68C
600#C0B870
700#908A54
800#605C38
900#3C3A23

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #F0E68C?

The RGB equivalent is rgb(240, 230, 140). The red channel is 240, green is 230, and blue is 140 (scale 0–255).

What is the HSL value of #F0E68C?

The HSL value is hsl(54, 77%, 75%). Hue is 54°, saturation is 77%, and lightness is 75%.

Does #F0E68C meet WCAG accessibility standards?

On a white background, #F0E68C achieves a 1.28:1 contrast ratio (Fail). On a black background it achieves 16.4:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #F0E68C?

The complementary color (180° opposite on the hue wheel) of #F0E68C is #8E98F0.