Khaki
Introducing Khaki (#C3B091), a color defined by its understated yet rich character. This specific shade offers a unique blend of muted warmth and a subtle green undertone, making it a compelling neutral that brings a grounded, organic quality to any digital or print composition.
What color is Khaki?
Khaki is a warm, earthy neutral that sits comfortably between light brown and a muted yellow. Its appearance is often described as sandy or dusty, giving it a soft, approachable quality.
The color itself is not monolithic; Khaki presents a spectrum of shades. Depending on the specific mix, it can carry subtle undertones of green or gray, which alters its visual temperature and character.
What is the meaning of the color Khaki (#C3B091)?
Originating from military uniforms in British India, Khaki carries a legacy of practicality, discipline, and ruggedness. It represents a connection to the earth and a timeless, utilitarian appeal.
Psychologically, this warm neutral suggests stability, comfort, and reliability. Khaki symbolizes a quiet confidence and a readiness for adventure, making it a classic and grounded choice.
How can I effectively use the color Khaki (#C3B091) in my UI design?
To make Khaki (#C3B091) work in your design, treat it as a sophisticated neutral. It pairs beautifully with deep navy, forest green, or a stark off-white to create a high-contrast, readable interface. Consider using it as a background color to give digital spaces a warm, organic feel, or as an accent for buttons and links against a darker backdrop.
While not a dominant color in the tech world, brands like Blank Street use similar earthy tones to project a sense of quality and calm. Its rarity is its strength; using Khaki can help a product stand out with a mature, understated confidence.
Use the tools below to see these principles in action. You can explore curated palettes, test your color combinations for accessibility, and preview how Khaki looks in components from well-known apps.
Using Khaki color codes
Using the Khaki hex code #C3B091 is straightforward—just copy and paste it into your design tool's color picker. This code is the most direct way to specify the exact shade for digital projects.
Different projects require different color models. While HEX is standard for web, you might need RGB (Red, Green, Blue) for digital screen displays or CMYK (Cyan, Magenta, Yellow, Key/Black) for print materials. Other formats like HSL (Hue, Saturation, Lightness) provide more intuitive ways to make color adjustments.
To simplify your workflow, we have converted #C3B091 into a range of popular formats. You can find these values below, ready to copy and use in your designs.
Analogous
Analogous colors are found next to Khaki on the color wheel. This combination creates a harmonious and serene visual effect, ideal for calm designs.
Complementary
Complementary colors sit directly opposite each other on the color wheel. For Khaki, this pairing creates a striking visual contrast and high vibrancy.
Split Complementary
A split complementary scheme offers a sophisticated alternative to direct complements, matching Khaki with the two colors neighboring its opposite on the wheel.
Triadic
A triadic color scheme for Khaki involves two other colors equally spaced on the color wheel, creating a vibrant and balanced high-contrast palette.
Tetradic
A tetradic color scheme for Khaki uses two pairs of complementary colors, forming a rectangle on the color wheel for a vibrant, balanced palette.
Square
The square color scheme takes four colors equally spaced on the color wheel. With Khaki as the base, this creates a vibrant, high-contrast palette.
Text Color
Background Color
Your Catchy Large Text Goes Here
Shades
Shades of Khaki are created by adding black, which gives the color more visual weight.
Tints
Tints are lighter variations of Khaki, created by adding white to produce a softer feel.
Tones
Tones are muted versions of Khaki, created by adding gray to soften its saturation.
Hues
Hues are variations of Khaki's base color, creating different moods with changes in intensity.
Never run out of inspiration again.
Use Mobbin for free as long as you like or get full access with any of our paid plans.
