#c2a685 hex color

In a RGB color space, hex #c2a685 is composed of 76.1% red, 65.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 31.4% yellow and 23.9% black. It has a hue angle of 32.5 degrees, a saturation of 33.3% and a lightness of 64.1%. #c2a685 color hex could be obtained by blending #ffffff with #854d0b. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 76
- G 65
- B 52
RGB color chart
- C 0
- M 14
- Y 31
- K 24
CMYK color chart

● #c2a685 color description : Slightly desaturated orange.

The hexadecimal color #c2a685 has RGB values of R:194, G:166, B:133 and CMYK values of C:0, M:0.14, Y:0.31, K:0.24. Its decimal value is 12756613.

Hex triplet	c2a685	`#c2a685`
RGB Decimal	194, 166, 133	`rgb(194,166,133)`
RGB Percent	76.1, 65.1, 52.2	`rgb(76.1%,65.1%,52.2%)`
CMYK	0, 14, 31, 24
HSL	32.5°, 33.3, 64.1	`hsl(32.5,33.3%,64.1%)`
HSV (or HSB)	32.5°, 31.4, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.779, 5.324, 20.893
XYZ	40.118, 40.436, 27.881
xyY	0.37, 0.373, 40.436
CIE-LCH	69.779, 21.56, 75.705
CIE-LUV	69.779, 19.858, 27.201
Hunter-Lab	63.59, 1.331, 18.517
Binary	11000010, 10100110, 10000101

#c2a685
```
#c2a685 rgb(194,166,133)
```
#85a1c2
```
#85a1c2 rgb(133,161,194)
```

Complementary Color

#c28885
```
#c28885 rgb(194,136,133)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#c0c285
```
#c0c285 rgb(192,194,133)
```

Analogous Color

#8885c2
```
#8885c2 rgb(136,133,194)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#85c0c2
```
#85c0c2 rgb(133,192,194)
```

Split Complementary Color

#a685c2
```
#a685c2 rgb(166,133,194)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#85c2a6
```
#85c2a6 rgb(133,194,166)
```

Triadic Color

#c285a1
```
#c285a1 rgb(194,133,161)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#85c2a6
```
#85c2a6 rgb(133,194,166)
```
#85a1c2
```
#85a1c2 rgb(133,161,194)
```

Tetradic Color

#a78154
```
#a78154 rgb(167,129,84)
```
#b18d63
```
#b18d63 rgb(177,141,99)
```
#ba9a74
```
#ba9a74 rgb(186,154,116)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#cbb296
```
#cbb296 rgb(203,178,150)
```
#d3bfa7
```
#d3bfa7 rgb(211,191,167)
```
#dccbb8
```
#dccbb8 rgb(220,203,184)
```

Monochromatic Color

Below, you can see some colors close to #c2a685. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#c29785
```
#c29785 rgb(194,151,133)
```
#c29c85
```
#c29c85 rgb(194,156,133)
```
#c2a185
```
#c2a185 rgb(194,161,133)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#c2ab85
```
#c2ab85 rgb(194,171,133)
```
#c2b085
```
#c2b085 rgb(194,176,133)
```
#c2b585
```
#c2b585 rgb(194,181,133)
```

Similar Colors

Text with hexadecimal color #c2a685

This text has a font color of #c2a685.

<span style="color:#c2a685;">Text here</span>

#c2a685 background color

This paragraph has a background color of #c2a685.

<p style="background-color:#c2a685;">Content here</p>

#c2a685 border color

This element has a border color of #c2a685.

<div style="border:1px solid #c2a685;">Content here</div>

CSS codes

.text {color:#c2a685;}

.background {background-color:#c2a685;}

.border {border:1px solid #c2a685;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #090704 is the darkest color, while #fdfcfb is the lightest one.

#090704
```
#090704 rgb(9,7,4)
```
#16110b
```
#16110b rgb(22,17,11)
```
#231b11
```
#231b11 rgb(35,27,17)
```
#302518
```
#302518 rgb(48,37,24)
```
#3d2f1f
```
#3d2f1f rgb(61,47,31)
```
#4a3925
```
#4a3925 rgb(74,57,37)
```
#57432c
```
#57432c rgb(87,67,44)
```
#644d32
```
#644d32 rgb(100,77,50)
```
#715739
```
#715739 rgb(113,87,57)
```
#7e613f
```
#7e613f rgb(126,97,63)
```
#8c6c46
```
#8c6c46 rgb(140,108,70)
```
#99764c
```
#99764c rgb(153,118,76)
```
#a68053
```
#a68053 rgb(166,128,83)
```

Shade Color Variation

#ae895e
```
#ae895e rgb(174,137,94)
```
#b5936b
```
#b5936b rgb(181,147,107)
```
#bb9c78
```
#bb9c78 rgb(187,156,120)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#c9b092
```
#c9b092 rgb(201,176,146)
```
#cfb99f
```
#cfb99f rgb(207,185,159)
```
#d6c3ac
```
#d6c3ac rgb(214,195,172)
```
#dcccb9
```
#dcccb9 rgb(220,204,185)
```
#e3d6c6
```
#e3d6c6 rgb(227,214,198)
```
#e9dfd3
```
#e9dfd3 rgb(233,223,211)
```
#f0e9e1
```
#f0e9e1 rgb(240,233,225)
```
#f6f2ee
```
#f6f2ee rgb(246,242,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #a6a4a1 is the less saturated color, while #faab4d is the most saturated one.

#a6a4a1
```
#a6a4a1 rgb(166,164,161)
```
#ada49a
```
#ada49a rgb(173,164,154)
```
#b4a593
```
#b4a593 rgb(180,165,147)
```
#bba58c
```
#bba58c rgb(187,165,140)
```
#c2a685
```
#c2a685 rgb(194,166,133)
```
#c9a77e
```
#c9a77e rgb(201,167,126)
```
#d0a777
```
#d0a777 rgb(208,167,119)
```
#d7a870
```
#d7a870 rgb(215,168,112)
```
#dea869
```
#dea869 rgb(222,168,105)
```
#e5a962
```
#e5a962 rgb(229,169,98)
```
#eca95b
```
#eca95b rgb(236,169,91)
```
#f3aa54
```
#f3aa54 rgb(243,170,84)
```
#faab4d
```
#faab4d rgb(250,171,77)
```

Tone Color Variation

Below, you can see how #c2a685 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#ababab Achromatopsia 0.005% of the population
#b0aaa3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ae8d Protanopia 1% of men
#cba88c Deuteranopia 1% of men
#c9a5b0 Tritanopia 0.001% of the population

Trichromacy

#bcab8a Protanomaly 1% of men, 0.01% of women
#c7a789 Deuteranomaly 6% of men, 0.4% of women
#c7a5a0 Tritanomaly 0.01% of the population

#c2a685 hex color

#c2a685 Color Information

#c2a685 Color Conversion

Color Schemes with #c2a685

Alternatives to #c2a685

#c2a685 Preview

Shades and Tints of #c2a685

Tones of #c2a685

Color Blindness Simulator