#f0e68c rgb(240, 230, 140) 54°, 77%, 75% Use Khaki in Your Projects
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
Shades & Tints of Khaki
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.khaki-color {
color: #f0e68c;
background-color: #f0e68c;
}
/* As a CSS custom property */
:root {
--color-khaki: #f0e68c;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #8ef0e7 and #e78ef0.