#c2a586 hex color

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

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

● #c2a586 color description : Slightly desaturated orange.

The hexadecimal color #c2a586 has RGB values of R:194, G:165, B:134 and CMYK values of C:0, M:0.15, Y:0.31, K:0.24. Its decimal value is 12756358.

Hex triplet	c2a586	`#c2a586`
RGB Decimal	194, 165, 134	`rgb(194,165,134)`
RGB Percent	76.1, 64.7, 52.5	`rgb(76.1%,64.7%,52.5%)`
CMYK	0, 15, 31, 24
HSL	31°, 33, 64.3	`hsl(31,33%,64.3%)`
HSV (or HSB)	31°, 30.9, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.542, 5.997, 20.022
XYZ	40.006, 40.102, 28.186
xyY	0.369, 0.37, 40.102
CIE-LCH	69.542, 20.901, 73.325
CIE-LUV	69.542, 20.387, 25.974
Hunter-Lab	63.326, 1.946, 17.939
Binary	11000010, 10100101, 10000110

#c2a586
```
#c2a586 rgb(194,165,134)
```
#86a3c2
```
#86a3c2 rgb(134,163,194)
```

Complementary Color

#c28786
```
#c28786 rgb(194,135,134)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#c1c286
```
#c1c286 rgb(193,194,134)
```

Analogous Color

#8786c2
```
#8786c2 rgb(135,134,194)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#86c1c2
```
#86c1c2 rgb(134,193,194)
```

Split Complementary Color

#a586c2
```
#a586c2 rgb(165,134,194)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#86c2a5
```
#86c2a5 rgb(134,194,165)
```

Triadic Color

#c286a3
```
#c286a3 rgb(194,134,163)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#86c2a5
```
#86c2a5 rgb(134,194,165)
```
#86a3c2
```
#86a3c2 rgb(134,163,194)
```

Tetradic Color

#a77f54
```
#a77f54 rgb(167,127,84)
```
#b18c64
```
#b18c64 rgb(177,140,100)
```
#b99875
```
#b99875 rgb(185,152,117)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#cbb297
```
#cbb297 rgb(203,178,151)
```
#d3bea8
```
#d3bea8 rgb(211,190,168)
```
#dccbb9
```
#dccbb9 rgb(220,203,185)
```

Monochromatic Color

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

#c29686
```
#c29686 rgb(194,150,134)
```
#c29b86
```
#c29b86 rgb(194,155,134)
```
#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)
```

Similar Colors

Text with hexadecimal color #c2a586

This text has a font color of #c2a586.

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

#c2a586 background color

This paragraph has a background color of #c2a586.

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

#c2a586 border color

This element has a border color of #c2a586.

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

CSS codes

.text {color:#c2a586;}

.background {background-color:#c2a586;}

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

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)
```
#725639
```
#725639 rgb(114,86,57)
```
#7f6040
```
#7f6040 rgb(127,96,64)
```
#8c6a46
```
#8c6a46 rgb(140,106,70)
```
#99744d
```
#99744d rgb(153,116,77)
```
#a67e54
```
#a67e54 rgb(166,126,84)
```

Shade Color Variation

#ae885f
```
#ae885f rgb(174,136,95)
```
#b5926c
```
#b5926c rgb(181,146,108)
```
#bb9b79
```
#bb9b79 rgb(187,155,121)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#c9af93
```
#c9af93 rgb(201,175,147)
```
#cfb8a0
```
#cfb8a0 rgb(207,184,160)
```
#d6c2ad
```
#d6c2ad rgb(214,194,173)
```
#dcccba
```
#dcccba rgb(220,204,186)
```
#e3d5c7
```
#e3d5c7 rgb(227,213,199)
```
#e9dfd4
```
#e9dfd4 rgb(233,223,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 #faa74e is the most saturated one.

#a6a4a2
```
#a6a4a2 rgb(166,164,162)
```
#ada49b
```
#ada49b rgb(173,164,155)
```
#b4a594
```
#b4a594 rgb(180,165,148)
```
#bba58d
```
#bba58d rgb(187,165,141)
```
#c2a586
```
#c2a586 rgb(194,165,134)
```
#c9a57f
```
#c9a57f rgb(201,165,127)
```
#d0a578
```
#d0a578 rgb(208,165,120)
```
#d7a671
```
#d7a671 rgb(215,166,113)
```
#dea66a
```
#dea66a rgb(222,166,106)
```
#e5a663
```
#e5a663 rgb(229,166,99)
```
#eca65c
```
#eca65c rgb(236,166,92)
```
#f3a755
```
#f3a755 rgb(243,167,85)
```
#faa74e
```
#faa74e rgb(250,167,78)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#afa9a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8ad8e Protanopia 1% of men
#caa78c Deuteranopia 1% of men
#c9a4b0 Tritanopia 0.001% of the population

Trichromacy

#bbaa8b Protanomaly 1% of men, 0.01% of women
#c7a68a Deuteranomaly 6% of men, 0.4% of women
#c6a4a0 Tritanomaly 0.01% of the population

#c2a586 hex color

#c2a586 Color Information

#c2a586 Color Conversion

Color Schemes with #c2a586

Alternatives to #c2a586

#c2a586 Preview

Shades and Tints of #c2a586

Tones of #c2a586

Color Blindness Simulator