HEX Color #F0E999 (Khaki)

About #F0E999

The precise color #F0E999 is an excellent choice for modern design projects. It is closely associated with the named CSS color Khaki. To achieve this exact tint on a monitor, you would use an RGB mix of 240, 233, and 153.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 0% C, 3% M, 36% Y, and 6% K. Always request a physical proof before doing a large print run with this exact code.

Ensuring your text is legible against this background is a key part of web design. The calculated luminance score dictates that #000000 typography is the safest choice. Always test your color combinations using a contrast checker before publishing.

Color Space Conversions

HEX#F0E999

RGB240, 233, 153

HSL55.2°, 74.4%, 77.1%

CMYK0%, 3%, 36%, 6%

HSV55.2°, 36.2%, 94.1%

LAB91.3, -9.1, 39.8

XYZ70.8, 79.1, 41.7

Decimal15788441

Color Harmonies

Complementary

#F0E999 #989FF0

Analogous

#F0BD98 #CBF098

Triadic

#98F0E9 #E998F0

Tetradic

#98F0BD #989FF0 #F098CB

Tints, Shades & Tones

Tints (Adding White)

#F0E999

#F1EBA4

#F3EDAF

#F5F0BB

#F6F2C6

#F8F5D1

#FAF7DD

#FBFAE8

#FDFCF3

#FFFFFF

Shades (Adding Black)

#F0E999

#D5CF88

#BAB577

#A09B66

#858155

#6A6744

#504D33

#353322

#1A1911

#000000

WCAG Contrast Accessibility

1.25:1

Text on #FFFFFF

FAIL

16.82:1

Text on #000000

AAA

1.19:1

Text on #F8FAFC

FAIL

14.30:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #F0E999; }

.text-color { color: #F0E999; }

.border-color { border: 2px solid #F0E999; }

Similar Colors

Khaki

#F0E68C