Pikka Logo Pikka
Chrome App
Utilitarian Warm Sand Dust Neutral Category: Neutral

Khaki (#C3B091) — Color Codes, Meaning & UI Palettes

Khaki (#C3B091) originates from the Persian word for dust (khak), describing a light yellowish-brown earth tone. Popularized in utilitarian clothing and military wear, it represents rugged durability, functional minimalism, and timeless neutrality.

Quick Answer (Khaki Color Code): The exact HEX code for Khaki is #C3B091. In RGB, it is rgb(195, 176, 145). In HSL, it is hsl(37deg, 29%, 67%), and its print CMYK formulation is cmyk(0%, 10%, 26%, 24%). It has a relative luminance of 0.447 and pairs best in UI design with Deep Olive (#365314) and Pure Linen (#FAF8F5).
Click to Copy HEX
Khaki
#C3B091
HEX
#C3B091
RGB
rgb(195, 176, 145)
HSL
hsl(37deg, 29%, 67%)
CMYK (Print)
cmyk(0%, 10%, 26%, 24%)
Apple Display P3
color(display-p3 0.765 0.690 0.569)

WCAG 2.1 Accessibility & Contrast Rating

White Text (#FFFFFF) 2.11:1 (Fail)
Black Text (#000000) 9.94:1 (AAA)

11-Step Tints & Shades Scale (Tailwind 50–950)

Mathematically balanced luminance scale for design tokens and CSS color palettes. Click any shade to copy hex code:

50
#F8F5F2
100
#F1ECE5
200
#E2D9CA
300
#D0C1A9
400
#BAA582
500
#C3B091
600
#AD946B
700
#8F774F
800
#6A583A
900
#473A27
950
#282116

Color Harmonies & Palette Schemes

Complementary

#92A5C3
Opposite 180° Contrast

Analogous -30°

#C39892
Natural Harmony

Analogous +30°

#BEC392
Natural Harmony

Triadic +120°

#92C3B1
120° Balanced Triad

Triadic +240°

#B192C3
120° Balanced Triad

Curated UI Design Pairings for Khaki

Subtle background card, pill container, and border color for fashion lookbooks, travel applications, and safari lifestyle platforms.

Deep Olive
#365314
Rugged Military Accent
Pure Linen
#FAF8F5
Minimalist Background
Rich Espresso
#29180C
Sharp Legible Typography
Warm Rust
#9A3412
Heritage Pop Accent

Export Khaki Code Snippets

CSS Variable --color-khaki-color: #C3B091;
Tailwind Config 'khaki-color': '#C3B091'
Swift / SwiftUI Color(hex: "#C3B091")
JSON Design Token {"name": "Khaki", "hex": "#C3B091"}

Frequently Asked Questions About Khaki (#C3B091)

What is the exact HEX code for Khaki?

The exact HEX code for Khaki is #C3B091. In 8-digit hexadecimal (with 100% opacity), it is #C3B091FF. Its RGB decimal equivalent is rgb(195, 176, 145) and its HSL value is hsl(37deg, 29%, 67%).

What colors go best with Khaki in UI and web design?

Khaki pairs exceptionally well with Deep Olive (#365314), Pure Linen (#FAF8F5), Rich Espresso (#29180C), and Warm Rust (#9A3412).

How do I use Khaki in CSS and Tailwind CSS?

In standard CSS, apply it directly via color: #C3B091; or background-color: #C3B091;. In Tailwind CSS, use arbitrary value syntax like bg-[#c3b091] or text-[#c3b091], or define it in your Tailwind v4 @theme block as --color-khaki-color: #C3B091;.

Is Khaki WCAG accessible for readable text?

Against a pure white background (#FFFFFF), Khaki achieves a contrast ratio of 2.11:1 (Fail). Against a pure black background (#000000), it achieves 9.94:1 (AAA). Check custom contrast pairings on Pikka's WCAG Contrast Checker.

Explore More Colors in the Dictionary

Browse our complete catalog of curated named colors, harmonic palettes, and accessible UI combinations.

Named Color Dictionary Interactive Color Wheel Tint & Shade Generator