#c2a686 hex color

In a RGB color space, hex #c2a686 is composed of 76.1% red, 65.1% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.4% magenta, 30.9% yellow and 23.9% black. It has a hue angle of 32 degrees, a saturation of 33% and a lightness of 64.3%. #c2a686 color hex could be obtained by blending #ffffff with #854d0d. Closest websafe color is: #cc9999.

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

● #c2a686 color description : Slightly desaturated orange.

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

Hex triplet	c2a686	`#c2a686`
RGB Decimal	194, 166, 134	`rgb(194,166,134)`
RGB Percent	76.1, 65.1, 52.5	`rgb(76.1%,65.1%,52.5%)`
CMYK	0, 14, 31, 24
HSL	32°, 33, 64.3	`hsl(32,33%,64.3%)`
HSV (or HSB)	32°, 30.9, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.799, 5.455, 20.374
XYZ	40.187, 40.464, 28.246
xyY	0.369, 0.372, 40.464
CIE-LCH	69.799, 21.092, 75.01
CIE-LUV	69.799, 19.777, 26.54
Hunter-Lab	63.611, 1.449, 18.2
Binary	11000010, 10100110, 10000110

#c2a686
```
#c2a686 rgb(194,166,134)
```
#86a2c2
```
#86a2c2 rgb(134,162,194)
```

Complementary Color

#c28886
```
#c28886 rgb(194,136,134)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#c0c286
```
#c0c286 rgb(192,194,134)
```

Analogous Color

#8886c2
```
#8886c2 rgb(136,134,194)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#86c0c2
```
#86c0c2 rgb(134,192,194)
```

Split Complementary Color

#a686c2
```
#a686c2 rgb(166,134,194)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#86c2a6
```
#86c2a6 rgb(134,194,166)
```

Triadic Color

#c286a2
```
#c286a2 rgb(194,134,162)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#86c2a6
```
#86c2a6 rgb(134,194,166)
```
#86a2c2
```
#86a2c2 rgb(134,162,194)
```

Tetradic Color

#a78154
```
#a78154 rgb(167,129,84)
```
#b18d64
```
#b18d64 rgb(177,141,100)
```
#b99a75
```
#b99a75 rgb(185,154,117)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#cbb297
```
#cbb297 rgb(203,178,151)
```
#d3bfa8
```
#d3bfa8 rgb(211,191,168)
```
#dccbb9
```
#dccbb9 rgb(220,203,185)
```

Monochromatic Color

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

#c29786
```
#c29786 rgb(194,151,134)
```
#c29c86
```
#c29c86 rgb(194,156,134)
```
#c2a186
```
#c2a186 rgb(194,161,134)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#c2ab86
```
#c2ab86 rgb(194,171,134)
```
#c2b086
```
#c2b086 rgb(194,176,134)
```
#c2b586
```
#c2b586 rgb(194,181,134)
```

Similar Colors

Text with hexadecimal color #c2a686

This text has a font color of #c2a686.

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

#c2a686 background color

This paragraph has a background color of #c2a686.

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

#c2a686 border color

This element has a border color of #c2a686.

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

CSS codes

.text {color:#c2a686;}

.background {background-color:#c2a686;}

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

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, #090705 is the darkest color, while #fdfcfb is the lightest one.

#090705
```
#090705 rgb(9,7,5)
```
#16110b
```
#16110b rgb(22,17,11)
```
#231b12
```
#231b12 rgb(35,27,18)
```
#312518
```
#312518 rgb(49,37,24)
```
#3e2f1f
```
#3e2f1f rgb(62,47,31)
```
#4b3926
```
#4b3926 rgb(75,57,38)
```
#58432c
```
#58432c rgb(88,67,44)
```
#654d33
```
#654d33 rgb(101,77,51)
```
#725739
```
#725739 rgb(114,87,57)
```
#7f6140
```
#7f6140 rgb(127,97,64)
```
#8c6b46
```
#8c6b46 rgb(140,107,70)
```
#99754d
```
#99754d rgb(153,117,77)
```
#a68054
```
#a68054 rgb(166,128,84)
```

Shade Color Variation

#ae895f
```
#ae895f rgb(174,137,95)
```
#b5936c
```
#b5936c rgb(181,147,108)
```
#bb9c79
```
#bb9c79 rgb(187,156,121)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#c9b093
```
#c9b093 rgb(201,176,147)
```
#cfb9a0
```
#cfb9a0 rgb(207,185,160)
```
#d6c3ad
```
#d6c3ad rgb(214,195,173)
```
#dcccba
```
#dcccba rgb(220,204,186)
```
#e3d6c7
```
#e3d6c7 rgb(227,214,199)
```
#e9e0d4
```
#e9e0d4 rgb(233,224,212)
```
#f0e9e1
```
#f0e9e1 rgb(240,233,225)
```
#f7f3ee
```
#f7f3ee rgb(247,243,238)
```
#fdfcfb
```
#fdfcfb rgb(253,252,251)
```

Tint Color Variation

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

#a6a4a2
```
#a6a4a2 rgb(166,164,162)
```
#ada59b
```
#ada59b rgb(173,165,155)
```
#b4a594
```
#b4a594 rgb(180,165,148)
```
#bba68d
```
#bba68d rgb(187,166,141)
```
#c2a686
```
#c2a686 rgb(194,166,134)
```
#c9a67f
```
#c9a67f rgb(201,166,127)
```
#d0a778
```
#d0a778 rgb(208,167,120)
```
#d7a771
```
#d7a771 rgb(215,167,113)
```
#dea86a
```
#dea86a rgb(222,168,106)
```
#e5a863
```
#e5a863 rgb(229,168,99)
```
#eca95c
```
#eca95c rgb(236,169,92)
```
#f3a955
```
#f3a955 rgb(243,169,85)
```
#faaa4e
```
#faaa4e rgb(250,170,78)
```

Tone Color Variation

Below, you can see how #c2a686 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
#b0aaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9ae8e Protanopia 1% of men
#caa88c Deuteranopia 1% of men
#c9a5b1 Tritanopia 0.001% of the population

Trichromacy

#bcab8b Protanomaly 1% of men, 0.01% of women
#c7a78a Deuteranomaly 6% of men, 0.4% of women
#c7a5a1 Tritanomaly 0.01% of the population

#c2a686 hex color

#c2a686 Color Information

#c2a686 Color Conversion

Color Schemes with #c2a686

Alternatives to #c2a686

#c2a686 Preview

Shades and Tints of #c2a686

Tones of #c2a686

Color Blindness Simulator