Camel is a medium, moderately saturated shade in the brown color family, with a warm feel. Its HEX code is #C19A6B, which equals rgb(193, 154, 107) in RGB and hsl(33, 41%, 59%) in HSL. In print terms it converts to roughly C0 M20 Y45 K24, although exact CMYK results depend on the paper and color profile.
- HEX
#C19A6B - RGB
193, 154, 107 - HSL
33°, 41%, 59% - CMYK
0, 20, 45, 24 - Family
Brown - Tone
Medium, moderately saturated
About Camel
Brown shades are earthy, warm and dependable. This family covers tans, beiges, woods and chocolates, and works well for natural, rustic and heritage-style designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 8.10:1. Its complementary color is #6C92C1.
Download Camel as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Camel color codes
| HEX | #C19A6B |
|---|---|
| RGB | rgb(193, 154, 107) |
| HSL | hsl(33, 41%, 59%) |
| HSV | 33°, 45%, 76% |
| CMYK | 0%, 20%, 45%, 24% |
| Decimal | 12687979 |
Shades and tints of Camel
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F5EEE6 - 100
#EADDCE - 200
#E0CDB5 - 300
#D6BC9C - 400
#CBAB84 - 500
#C19A6B - 600
#A18059 - 700
#816747 - 800
#614D36 - 900
#403324 - 950
#201A12
Color harmonies for Camel
- Complementary
#6C92C1≈ Medium Light Muted Cerulean - Analogous −30°
#C1706C≈ Medium Light Muted Scarlet - Analogous +30°
#BDC16C≈ Medium Light Muted Yellow - Triadic +120°
#6CC19B≈ Medium Light Muted Seafoam - Triadic +240°
#9B6CC1≈ Medium Light Muted Amethyst - Split 150°
#6CBDC1≈ Medium Light Muted Cyan - Split 210°
#706CC1≈ Medium Light Muted Ultramarine
Contrast and accessibility of Camel
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Camel | Aa | 2.59:1 | Fails |
| Black text on Camel | Aa | 8.10:1 | AAA (excellent) |
CSS code for Camel
background-color: #C19A6B;color: #C19A6B;background-color: rgb(193, 154, 107);background-color: hsl(33, 41%, 59%);:root { --color-camel: #C19A6B; }class="bg-[#C19A6B]"Colors similar to Camel
- Medium Light Muted Tangerine
#BF9C69 - Medium Light Muted Orange
#BF9469 - Medium Light Muted Amber
#BFA569 - Medium Light Muted Persimmon
#BF8B69 - Medium Light Muted Marigold
#BFAE69 - Light Muted Cinnabar
#CB9A86 - Light Muted Vermilion
#CB9386 - Light Muted Persimmon
#CBA186 - Medium Light Muted Cinnabar
#BF8369 - Light Soft Persimmon
#DC9E74 - Medium Light Soft Orange
#D49454 - Medium Light Soft Tangerine
#D4A154
More brown shades
- Dark Goldenrod
#B8860B - Sienna
#A0522D - Taupe
#483C32 - Rust
#B7410E - Ecru
#C2B280 - Mahogany
#C04000 - Caramel
#AF6F09 - Coffee
#6F4E37 - Espresso
#3C2415 - Umber
#635147 - Sepia
#704214
Frequently asked questions
What is the HEX code for Camel?
The HEX code for Camel is #C19A6B.
What is the RGB value of Camel?
Camel has an RGB value of 193, 154, 107 (rgb(193, 154, 107)). In HSL it is 33°, 41%, 59%.
What text color should I use on Camel?
Use black text on Camel. White text has a contrast ratio of 2.59:1 and black text has 8.10:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Camel?
The complementary color of Camel is #6C92C1. Analogous colors #C1706C and #BDC16C also pair well.