Camel color: code #C19A6B

Camel

#C19A6B

Color codes

  • HEX#C19A6B
  • RGBrgb(193, 154, 107)
  • HSLhsl(33, 41%, 59%)
  • HSVhsv(33, 45%, 76%)
  • CMYKcmyk(0%, 20%, 45%, 24%)
  • LABlab(66.2% 8.4 30.2)
  • OKLCHoklch(71.1% 0.078 71.2)

About the color Camel

Camel has the HEX code #C19A6B, which corresponds to rgb(193, 154, 107) in the RGB model. On the color wheel its hue sits at 33°, with 41% saturation and 59% lightness (hsl(33, 41%, 59%)).

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 8.10:1 contrast ratio on it, versus 2.59:1 for white.

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

Lighter tints

Darker shades

Color combinations with Camel

Complementary

#C19A6B · #6C92C1

Analogous

#C1706C · #C19A6B · #BDC16C

Triadic

#C19A6B · #6CC19B · #9B6CC1

Tetradic

#C19A6B · #6CC170 · #6C92C1 · #C16CBD

Split-complementary

#C19A6B · #6CBDC1 · #706CC1

Monochromatic

#7A5A33 · #B0824A · #C19A6B · #D8BFA2 · #EEE4D7

Camel with white and black text

White text Aa Bb Cc 123
2.59:1 · fails WCAG
Black text Aa Bb Cc 123
8.10:1 · AAA

Test other pairs in the contrast checker

How to use it in CSS

:root {
  --color-camel: #C19A6B;
  --color-camel-rgb: 193, 154, 107;
}

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