Camel

#C19A6B
RGB
193, 154, 107
HSL
33°, 41%, 59%
CMYK
0, 20, 45, 24
HSV
33°, 45%, 76%

Similar Colors

Conversions & Codes

Format Value CSS
HEX #C19A6B color: #C19A6B;
RGB 193, 154, 107 color: rgb(193, 154, 107);
RGB Percentage 76%, 60%, 42% color: rgb(76%, 60%, 42%);
CMYK 0%, 20%, 45%, 24% Not supported in CSS
HSL 33°, 41%, 59% color: hsl(33, 41%, 59%);
HSV 33°, 45%, 76% Not supported in CSS
CIE-LAB 47, 8, 16 color: lab(47% 8 16);
Decimal 12687979 Not supported in CSS

Color Variations

Shades

#C19B6C
#B88C56
#AA7D47
#946E3E
#7F5E35
#6A4E2C
#553F24
#402F1B

Tints

#ECE1D3
#E6D7C4
#E0CDB5
#DAC3A7
#D4B998
#CEAF89
#C7A57A
#C19B6C

Tones

#C19B6C
#BD9A70
#B99A74
#B49978
#B0997D
#AC9981
#A89885
#A3988A

Hues

#C19B6C
#A8C16C
#6CC170
#6CC1B0
#6C92C1
#856CC1
#C16CBD
#C16C7D

Color Harmonies

Analogous

#C1706C
Click to copy
Red
90%
#C19A6B
Click to copy
Camel
100%
#BDC16C
Click to copy
Yellow
91%

Complementary

#C19A6B
Click to copy
Camel
100%
#6C92C1
Click to copy
Blue
73%

Split Complementary

#C19A6B
Click to copy
Camel
100%
#6CBDC1
Click to copy
Cyan
71%
#706CC1
Click to copy
Blue
71%

Triadic

#C19A6B
Click to copy
Camel
100%
#6CC19B
Click to copy
Cyan
76%
#9B6CC1
Click to copy
Purple
76%

Tetradic

#C19A6B
Click to copy
Camel
100%
#6CC170
Click to copy
Green
79%
#6C92C1
Click to copy
Blue
73%
#C16CBD
Click to copy
Purple
79%

Square

#C19A6B
Click to copy
Camel
100%
#6CC170
Click to copy
Green
79%
#6C92C1
Click to copy
Blue
73%
#C16CBD
Click to copy
Purple
79%

CSS & Dev Snippets

CSS
.camel {
  color: #C19A6B;
}
SCSS
$camel: #C19A6B;
RGB
rgb(193, 154, 107)

Accessibility & Contrast

White background

2.59:1
2.59
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

8.10:1
8.10
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags