#c2a386 hex color

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

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

● #c2a386 color description : Slightly desaturated orange.

The hexadecimal color #c2a386 has RGB values of R:194, G:163, B:134 and CMYK values of C:0, M:0.16, Y:0.31, K:0.24. Its decimal value is 12755846.

Hex triplet	c2a386	`#c2a386`
RGB Decimal	194, 163, 134	`rgb(194,163,134)`
RGB Percent	76.1, 63.9, 52.5	`rgb(76.1%,63.9%,52.5%)`
CMYK	0, 16, 31, 24
HSL	29°, 33, 64.3	`hsl(29,33%,64.3%)`
HSV (or HSB)	29°, 30.9, 76.1
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.03, 7.084, 19.319
XYZ	39.648, 39.386, 28.067
xyY	0.37, 0.368, 39.386
CIE-LCH	69.03, 20.577, 69.864
CIE-LUV	69.03, 21.609, 24.842
Hunter-Lab	62.758, 2.942, 17.415
Binary	11000010, 10100011, 10000110

#c2a386
```
#c2a386 rgb(194,163,134)
```
#86a5c2
```
#86a5c2 rgb(134,165,194)
```

Complementary Color

#c28687
```
#c28687 rgb(194,134,135)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#c2c186
```
#c2c186 rgb(194,193,134)
```

Analogous Color

#8687c2
```
#8687c2 rgb(134,135,194)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#86c2c1
```
#86c2c1 rgb(134,194,193)
```

Split Complementary Color

#a386c2
```
#a386c2 rgb(163,134,194)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#86c2a3
```
#86c2a3 rgb(134,194,163)
```

Triadic Color

#c286a5
```
#c286a5 rgb(194,134,165)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#86c2a3
```
#86c2a3 rgb(134,194,163)
```
#86a5c2
```
#86a5c2 rgb(134,165,194)
```

Tetradic Color

#a77c54
```
#a77c54 rgb(167,124,84)
```
#b18964
```
#b18964 rgb(177,137,100)
```
#b99675
```
#b99675 rgb(185,150,117)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#cbb097
```
#cbb097 rgb(203,176,151)
```
#d3bda8
```
#d3bda8 rgb(211,189,168)
```
#dccab9
```
#dccab9 rgb(220,202,185)
```

Monochromatic Color

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

#c29486
```
#c29486 rgb(194,148,134)
```
#c29986
```
#c29986 rgb(194,153,134)
```
#c29e86
```
#c29e86 rgb(194,158,134)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#c2a886
```
#c2a886 rgb(194,168,134)
```
#c2ad86
```
#c2ad86 rgb(194,173,134)
```
#c2b286
```
#c2b286 rgb(194,178,134)
```

Similar Colors

Text with hexadecimal color #c2a386

This text has a font color of #c2a386.

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

#c2a386 background color

This paragraph has a background color of #c2a386.

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

#c2a386 border color

This element has a border color of #c2a386.

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

CSS codes

.text {color:#c2a386;}

.background {background-color:#c2a386;}

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

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)
```
#231a12
```
#231a12 rgb(35,26,18)
```
#312418
```
#312418 rgb(49,36,24)
```
#3e2e1f
```
#3e2e1f rgb(62,46,31)
```
#4b3726
```
#4b3726 rgb(75,55,38)
```
#58412c
```
#58412c rgb(88,65,44)
```
#654b33
```
#654b33 rgb(101,75,51)
```
#725539
```
#725539 rgb(114,85,57)
```
#7f5e40
```
#7f5e40 rgb(127,94,64)
```
#8c6846
```
#8c6846 rgb(140,104,70)
```
#99724d
```
#99724d rgb(153,114,77)
```
#a67b54
```
#a67b54 rgb(166,123,84)
```

Shade Color Variation

#ae855f
```
#ae855f rgb(174,133,95)
```
#b58f6c
```
#b58f6c rgb(181,143,108)
```
#bb9979
```
#bb9979 rgb(187,153,121)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#c9ad93
```
#c9ad93 rgb(201,173,147)
```
#cfb7a0
```
#cfb7a0 rgb(207,183,160)
```
#d6c1ad
```
#d6c1ad rgb(214,193,173)
```
#dccbba
```
#dccbba rgb(220,203,186)
```
#e3d5c7
```
#e3d5c7 rgb(227,213,199)
```
#e9ded4
```
#e9ded4 rgb(233,222,212)
```
#f0e8e1
```
#f0e8e1 rgb(240,232,225)
```
#f7f2ee
```
#f7f2ee rgb(247,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, #a6a4a2 is the less saturated color, while #faa14e is the most saturated one.

#a6a4a2
```
#a6a4a2 rgb(166,164,162)
```
#ada49b
```
#ada49b rgb(173,164,155)
```
#b4a394
```
#b4a394 rgb(180,163,148)
```
#bba38d
```
#bba38d rgb(187,163,141)
```
#c2a386
```
#c2a386 rgb(194,163,134)
```
#c9a37f
```
#c9a37f rgb(201,163,127)
```
#d0a378
```
#d0a378 rgb(208,163,120)
```
#d7a271
```
#d7a271 rgb(215,162,113)
```
#dea26a
```
#dea26a rgb(222,162,106)
```
#e5a263
```
#e5a263 rgb(229,162,99)
```
#eca25c
```
#eca25c rgb(236,162,92)
```
#f3a155
```
#f3a155 rgb(243,161,85)
```
#faa14e
```
#faa14e rgb(250,161,78)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aea8a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6ac8e Protanopia 1% of men
#c8a68c Deuteranopia 1% of men
#c9a2ae Tritanopia 0.001% of the population

Trichromacy

#baa98b Protanomaly 1% of men, 0.01% of women
#c5a58a Deuteranomaly 6% of men, 0.4% of women
#c6a29f Tritanomaly 0.01% of the population

#c2a386 hex color

#c2a386 Color Information

#c2a386 Color Conversion

Color Schemes with #c2a386

Alternatives to #c2a386

#c2a386 Preview

Shades and Tints of #c2a386

Tones of #c2a386

Color Blindness Simulator