#c2af86 hex color

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

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

● #c2af86 color description : Slightly desaturated orange.

The hexadecimal color #c2af86 has RGB values of R:194, G:175, B:134 and CMYK values of C:0, M:0.1, Y:0.31, K:0.24. Its decimal value is 12758918.

Hex triplet	c2af86	`#c2af86`
RGB Decimal	194, 175, 134	`rgb(194,175,134)`
RGB Percent	76.1, 68.6, 52.5	`rgb(76.1%,68.6%,52.5%)`
CMYK	0, 10, 31, 24
HSL	41°, 33, 64.3	`hsl(41,33%,64.3%)`
HSV (or HSB)	41°, 30.9, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.129, 0.611, 23.547
XYZ	41.881, 43.851, 28.811
xyY	0.366, 0.383, 43.851
CIE-LCH	72.129, 23.555, 88.515
CIE-LUV	72.129, 14.319, 31.623
Hunter-Lab	66.22, -2.994, 20.559
Binary	11000010, 10101111, 10000110

#c2af86
```
#c2af86 rgb(194,175,134)
```
#8699c2
```
#8699c2 rgb(134,153,194)
```

Complementary Color

#c29186
```
#c29186 rgb(194,145,134)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#b7c286
```
#b7c286 rgb(183,194,134)
```

Analogous Color

#9186c2
```
#9186c2 rgb(145,134,194)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#86b7c2
```
#86b7c2 rgb(134,183,194)
```

Split Complementary Color

#af86c2
```
#af86c2 rgb(175,134,194)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#86c2af
```
#86c2af rgb(134,194,175)
```

Triadic Color

#c28699
```
#c28699 rgb(194,134,153)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#86c2af
```
#86c2af rgb(134,194,175)
```
#8699c2
```
#8699c2 rgb(134,153,194)
```

Tetradic Color

#a78d54
```
#a78d54 rgb(167,141,84)
```
#b19964
```
#b19964 rgb(177,153,100)
```
#b9a475
```
#b9a475 rgb(185,164,117)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#cbba97
```
#cbba97 rgb(203,186,151)
```
#d3c5a8
```
#d3c5a8 rgb(211,197,168)
```
#dcd1b9
```
#dcd1b9 rgb(220,209,185)
```

Monochromatic Color

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

#c2a086
```
#c2a086 rgb(194,160,134)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#c2aa86
```
#c2aa86 rgb(194,170,134)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#c2b486
```
#c2b486 rgb(194,180,134)
```
#c2b986
```
#c2b986 rgb(194,185,134)
```
#c2be86
```
#c2be86 rgb(194,190,134)
```

Similar Colors

Text with hexadecimal color #c2af86

This text has a font color of #c2af86.

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

#c2af86 background color

This paragraph has a background color of #c2af86.

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

#c2af86 border color

This element has a border color of #c2af86.

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

CSS codes

.text {color:#c2af86;}

.background {background-color:#c2af86;}

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

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

#090805
```
#090805 rgb(9,8,5)
```
#16130b
```
#16130b rgb(22,19,11)
```
#231e12
```
#231e12 rgb(35,30,18)
```
#312918
```
#312918 rgb(49,41,24)
```
#3e341f
```
#3e341f rgb(62,52,31)
```
#4b3f26
```
#4b3f26 rgb(75,63,38)
```
#584a2c
```
#584a2c rgb(88,74,44)
```
#655533
```
#655533 rgb(101,85,51)
```
#726039
```
#726039 rgb(114,96,57)
```
#7f6b40
```
#7f6b40 rgb(127,107,64)
```
#8c7646
```
#8c7646 rgb(140,118,70)
```
#99814d
```
#99814d rgb(153,129,77)
```
#a68c54
```
#a68c54 rgb(166,140,84)
```

Shade Color Variation

#ae955f
```
#ae955f rgb(174,149,95)
```
#b59e6c
```
#b59e6c rgb(181,158,108)
```
#bba679
```
#bba679 rgb(187,166,121)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#c9b893
```
#c9b893 rgb(201,184,147)
```
#cfc0a0
```
#cfc0a0 rgb(207,192,160)
```
#d6c9ad
```
#d6c9ad rgb(214,201,173)
```
#dcd1ba
```
#dcd1ba rgb(220,209,186)
```
#e3dac7
```
#e3dac7 rgb(227,218,199)
```
#e9e3d4
```
#e9e3d4 rgb(233,227,212)
```
#f0ebe1
```
#f0ebe1 rgb(240,235,225)
```
#f7f4ee
```
#f7f4ee rgb(247,244,238)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#a6a5a2
```
#a6a5a2 rgb(166,165,162)
```
#ada79b
```
#ada79b rgb(173,167,155)
```
#b4aa94
```
#b4aa94 rgb(180,170,148)
```
#bbac8d
```
#bbac8d rgb(187,172,141)
```
#c2af86
```
#c2af86 rgb(194,175,134)
```
#c9b27f
```
#c9b27f rgb(201,178,127)
```
#d0b478
```
#d0b478 rgb(208,180,120)
```
#d7b771
```
#d7b771 rgb(215,183,113)
```
#deb96a
```
#deb96a rgb(222,185,106)
```
#e5bc63
```
#e5bc63 rgb(229,188,99)
```
#ecbe5c
```
#ecbe5c rgb(236,190,92)
```
#f3c155
```
#f3c155 rgb(243,193,85)
```
#fac44e
```
#fac44e rgb(250,196,78)
```

Tone Color Variation

Below, you can see how #c2af86 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

#b0b0b0 Achromatopsia 0.005% of the population
#b4b0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0b48c Protanopia 1% of men
#d2ae8d Deuteranopia 1% of men
#cbadb9 Tritanopia 0.001% of the population

Trichromacy

#c1b28a Protanomaly 1% of men, 0.01% of women
#ccae8a Deuteranomaly 6% of men, 0.4% of women
#c7ada6 Tritanomaly 0.01% of the population

#c2af86 hex color

#c2af86 Color Information

#c2af86 Color Conversion

Color Schemes with #c2af86

Alternatives to #c2af86

#c2af86 Preview

Shades and Tints of #c2af86

Tones of #c2af86

Color Blindness Simulator