#f0e68c
HEX
#f0e68c RGB
rgb(240, 230, 140) HSL
54°, 77%, 75% About Khaki Color
Khaki is a light, muted yellow-brown that evokes outdoor adventure and military utility. It adds subtle warmth without overwhelming other colors.
Use Cases for Khaki
outdoor brandssummer themesvintage designsafari themesnotebook textures
Shades & Tints of Khaki
#ffffff
#fbf9e2
#f8f3c6
#f4eca9
#f0e68c
#b4ad69
#787346
#3c3a23
#000000
Complementary Color
#f0e68c
#8e98f0
Analogous Colors
#f0b58e
#f0e68c
#c9f08e
CSS Code
.khaki-color {
color: #f0e68c;
}Contrast Recommendations
Black text on Khaki
Ratio: 16.4:1 ✓ Passes AA ✓ Passes AAA
White text on Khaki
Ratio: 1.28:1 ✗ Fails AA ✗ Fails AAA
Frequently Asked Questions
What color is Khaki?
Khaki is represented by the hex code #f0e68c and has RGB values of rgb(240, 230, 140). It falls under the Yellow category.
How to use Khaki in web design?
Khaki works well for outdoor brands, summer themes, vintage design. Khaki is a light, muted yellow-brown that evokes outdoor adventure and military utility. It adds subtle warmth without overwhelming other colors. Use it as a primary color, accent, or background depending on your design needs.
What colors go with Khaki?
Colors that pair well with Khaki include darkkhaki, palegoldenrod, wheat, tan, burlywood. For a complementary scheme, try #8e98f0. For an analogous scheme, use #f0b58e and #c9f08e.