Khaki color: code #C3B091

Khaki

#C3B091

Color codes

  • HEX#C3B091
  • RGBrgb(195, 176, 145)
  • HSLhsl(37, 29%, 67%)
  • HSVhsv(37, 26%, 76%)
  • CMYKcmyk(0%, 10%, 26%, 24%)
  • LABlab(72.7% 2 18.4)
  • OKLCHoklch(76.5% 0.048 80)

About the color Khaki

Khaki has the HEX code #C3B091, which corresponds to rgb(195, 176, 145) in the RGB model. On the color wheel its hue sits at 37°, with 29% saturation and 67% lightness (hsl(37, 29%, 67%)).

Because of its hue it reads as a warm color: it tends to feel energetic and close, and it visually “advances” in a composition.

As a background it calls for dark text: black reaches a 9.93:1 contrast ratio on it, versus 2.11:1 for white.

For print, the approximate conversion is cmyk(0%, 10%, 26%, 24%). Always confirm with your printer’s color profile, because the result depends on paper and ink.

Lighter tints

Darker shades

Color combinations with Khaki

Complementary

#C3B091 · #92A5C3

Analogous

#C39892 · #C3B091 · #BEC392

Triadic

#C3B091 · #92C3B1 · #B192C3

Tetradic

#C3B091 · #92C398 · #92A5C3 · #C392BE

Split-complementary

#C3B091 · #92BEC3 · #9892C3

Monochromatic

#8A724C · #B19972 · #C3B091 · #DED4C4 · #FAF8F5

Khaki with white and black text

White text Aa Bb Cc 123
2.11:1 · fails WCAG
Black text Aa Bb Cc 123
9.93:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-khaki: #C3B091;
  --color-khaki-rgb: 195, 176, 145;
}

.elemento {
  background-color: var(--color-khaki);
  color: #000000;
}