Colors that go with khaki

#C3B091 · warm neutral · hue 37° · best text: #000000

Ten combinations ranked by measurable criteria — hue harmony, WCAG contrast with khaki, lightness spread and saturation compatibility. Every pairing lists why it works.

Ready-to-use palette

#C3B091
#F5F5DC
#373E02
#05472A
#B0E0E6
#FAFAF9
#c3b091 #f5f5dc #373e02 #05472a #b0e0e6 #fafaf9
#C3B091 #F5F5DC #373E02 #05472A #B0E0E6 #FAFAF9
Open in palette generator →Full khaki page →

Best combinations — ranked

#1

Beige #F5F5DC

· Analogous hue (Δh ≈23°) — neighbors on the color wheel
· Close value pairing (1.91:1) — use for large surfaces, not small text
contrast
1.9:1
vs khaki
#2

Dark Olive #373E02

· Analogous hue (Δh ≈30°) — neighbors on the color wheel
· Text-safe contrast with the anchor (5.37:1, passes WCAG AA)
· Strong lightness separation (ΔL* 48) — clear visual hierarchy
contrast
5.4:1
vs khaki
#3

Evergreen #05472A

· Triadic harmony (Δh ≈116°) — balanced three-way contrast
· Text-safe contrast with the anchor (5.12:1, passes WCAG AA)
· Strong lightness separation (ΔL* 47) — clear visual hierarchy
contrast
5.1:1
vs khaki
#4

Powder Blue #B0E0E6

· Split-complementary angle (Δh ≈149°) — strong but softer than direct complement
· Close value pairing (1.47:1) — use for large surfaces, not small text
contrast
1.5:1
vs khaki
#5

Navy Blue #1B2A4A

· Complementary hue (Δh ≈176°) — maximum hue contrast
· Text-safe contrast with the anchor (6.73:1, passes WCAG AA)
· Strong lightness separation (ΔL* 55) — clear visual hierarchy
contrast
6.7:1
vs khaki
#6

Dusty Lavender #AC86A8

· Close value pairing (1.48:1) — use for large surfaces, not small text
· Similar saturation (29% vs 19%) — both muted
contrast
1.5:1
vs khaki
#7

Pale Lavender #EECFFE

· Triadic harmony (Δh ≈118°) — balanced three-way contrast
· Close value pairing (1.51:1) — use for large surfaces, not small text
contrast
1.5:1
vs khaki
#8

Light Lilac #EDC8FF

· Triadic harmony (Δh ≈117°) — balanced three-way contrast
· Close value pairing (1.44:1) — use for large surfaces, not small text
contrast
1.4:1
vs khaki
#9

Pale Mauve #FED0FC

· Close value pairing (1.57:1) — use for large surfaces, not small text
contrast
1.6:1
vs khaki
#10

Hunter Green #355E3B

· UI contrast with the anchor (3.53:1, passes AA large text)
· Strong lightness separation (ΔL* 37) — clear visual hierarchy
· Similar saturation (29% vs 28%) — both muted
contrast
3.5:1
vs khaki

Why these and not others

Pairings are scored against hue-harmony angles (0°/30°/60°/90°/120°/150°/180°), WCAG contrast ratio with khaki, lightness separation and saturation/chroma compatibility. Near-identical colors (ΔE₀₀ < 3.5) are excluded — every entry adds real information.

FAQ

What colors go with khaki?

Beige, Dark Olive, Evergreen, Powder Blue and Navy Blue rank highest for khaki (#C3B091) by hue harmony, contrast and saturation compatibility. The full ranked list is on this page with the reasoning for each pairing.

What is the complementary color of khaki?

The complementary hue of khaki (hue 37°) sits at hue 217°. The closest named colors on that side of the wheel are listed in the combinations above.

Is khaki a warm or cool color?

Khaki is a warm color (hue 37°). It pairs naturally with warm neutrals and earthy tones.