Camel

HEX: #C19A6B | Modern Palette

On White
2.59:1
FAIL
On Black
8.10:1
PASS

Color Specifications

HEX
#C19A6B
RGB
193, 154, 107
HSL
32°, 41% ,58%
CMYK
0, 20, 45, 24

About Camel

Camel (#C19A6B) is a color with RGB(193, 154, 107) and HSL(32.8°, 41%, 58.8%). It is commonly associated with Earthy moods. In design, it fits Warm styles and is suitable for Text, Logo, Print. Its complementary color is #6B92C1, which creates strong contrast. Its triadic palette includes #6BC19A and #9A6BC1. The name comes from *gamal- (Proto-Semitic).

  • HEX: #C19A6B
  • RGB: 193, 154, 107
  • HSL: 32.8°, 41%, 58.8%
  • Mood: Earthy
  • Style: Warm
  • Use case: Text, Logo, Print
  • Complementary color: #6B92C1
  • Triadic colors: #6BC19A, #9A6BC1
  • The name comes from *gamal- (Proto-Semitic).

Live Components

LIGHT
DARK
System Notification Box

Color Palettes

Monochromatic Five tones of the same hue — a reliable scale for backgrounds, surfaces, and text.
Neutral + Accent Four near-neutral tones grounded by a saturated accent — clean and versatile for UI.
Analogous Five hues drifting across a 60° arc — naturally harmonious and pleasing to the eye.
3 + 1 + 1 Three analogous base colors, one complementary accent, one dark anchor — bold yet balanced.

Color Harmonies

Complementary

The color directly opposite on the color wheel — creates maximum contrast and vibrance.

Analogous

Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.

Triadic

Three colors equally spaced 120° apart — bold, balanced, and visually rich.

Split-Complementary

Two colors flanking the complement — high contrast with less tension than full complementary.

Tetradic (Square)

Four colors at 90° intervals — rich variety, best when one color dominates.

Monochromatic

Shades and tints of the same hue — cohesive, elegant, and easy to work with.

Shades & Tints

A seamless scale of #C19A6B from deepest shade to lightest tint.

Color Characteristics

Mood
Earthy
Style
Warm
Use case
Text Logo Print

Accessibility Simulation

Deuteranopia #A7A769
Protanopia #9F9F6B
Tritanopia #C59595
Achromatopsia #A1A1A1

Frequently Asked Questions

Camel (#C19A6B) is a color with RGB(193, 154, 107) and HSL(32.8°, 41%, 58.8%).

#C19A6B pairs strongly with #6B92C1 as its complementary color. It can also be used with neutral tones for balanced UI and design layouts.

#C19A6B is suitable for Text, Logo, Print and works well with Warm styles.

#C19A6B is commonly associated with Earthy.

The name Camel is linked to *gamal- from Proto-Semitic, meaning camel.

Name, History & Etymology

Origin Word *gamal-
Meaning camel
Language Proto-Semitic
First Recorded Use Ancient

History

The word for 'camel' has a deep history, tracing back to Proto-Semitic *gamal-. This root is the ancestor of words like Hebrew 'gamal' (גמל), Arabic 'jamal' (جمل), and Aramaic 'gamla'. From Semitic languages, the word entered Greek as 'kamelos' (κάμηλος), likely through Phoenician traders. Latin then adopted it as 'camelus'. From Latin, it spread into various European languages, including Old English 'camel' or 'camell', which evolved into the modern English 'camel'. The consistent root across such a wide range of languages and over millennia highlights the animal's significant role in ancient cultures, particularly in the Middle East and North Africa.

First Recorded Use

c. 2000 BCE (earliest known written forms in Akkadian)

Cultural Associations

Camels have been indispensable to human civilization in arid regions for thousands of years. They are often referred to as 'ships of the desert' due to their ability to traverse vast, waterless expanses, carrying goods and people. They provided milk, meat, wool, and leather, and were crucial for trade routes (like the Silk Road), warfare, and daily life. Their cultural significance is reflected in religious texts (e.g., the Bible and Quran), folklore, and art. The domestication of camels was a pivotal development, enabling the expansion of human activity into previously uninhabitable desert environments.

Similar Named Colors

Brown Yellow #CC9966 ΔE 3.30
Light French Beige #C8AD7F ΔE 6.21
Deer #BA8759 ΔE 6.36
Pale Taupe #BC987E ΔE 6.52

Code Snippets

/* Background */
.element {
    background-color: #C19A6B;
}

/* Text */
.element {
    color: #C19A6B;
}

/* Border */
.element {
    border: 1px solid #C19A6B;
}

/* Linear gradient to complementary */
.element {
    background: linear-gradient(
        to right,
        #C19A6B,
        #6B92C1
    );
}

/* Radial gradient */
.element {
    background: radial-gradient(
        circle,
        #C19A6B,
        #6B92C1
    );
}

// SCSS variable
$camel: #C19A6B;

// With RGB channels (useful for rgba() usage)
$camel-r: 193;
$camel-g: 154;
$camel-b: 107;

// Usage
.element {
    background-color: $camel;
    color: rgba($camel-r, $camel-g, $camel-b, 0.8);
}