#c3af86 hex color

In a RGB color space, hex #c3af86 is composed of 76.5% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.3% magenta, 31.3% yellow and 23.5% black. It has a hue angle of 40.3 degrees, a saturation of 33.7% and a lightness of 64.5%. #c3af86 color hex could be obtained by blending #ffffff with #875f0d. 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

● #c3af86 color description : Slightly desaturated orange.

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

Hex triplet	c3af86	`#c3af86`
RGB Decimal	195, 175, 134	`rgb(195,175,134)`
RGB Percent	76.5, 68.6, 52.5	`rgb(76.5%,68.6%,52.5%)`
CMYK	0, 10, 31, 24
HSL	40.3°, 33.7, 64.5	`hsl(40.3,33.7%,64.5%)`
HSV (or HSB)	40.3°, 31.3, 76.5
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.218, 1.006, 23.683
XYZ	42.138, 43.984, 28.823
xyY	0.367, 0.383, 43.984
CIE-LCH	72.218, 23.704, 87.568
CIE-LUV	72.218, 14.983, 31.719
Hunter-Lab	66.321, -2.647, 20.657
Binary	11000011, 10101111, 10000110

#c3af86
```
#c3af86 rgb(195,175,134)
```
#869ac3
```
#869ac3 rgb(134,154,195)
```

Complementary Color

#c39186
```
#c39186 rgb(195,145,134)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#b9c386
```
#b9c386 rgb(185,195,134)
```

Analogous Color

#9186c3
```
#9186c3 rgb(145,134,195)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#86b9c3
```
#86b9c3 rgb(134,185,195)
```

Split Complementary Color

#af86c3
```
#af86c3 rgb(175,134,195)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#86c3af
```
#86c3af rgb(134,195,175)
```

Triadic Color

#c3869a
```
#c3869a rgb(195,134,154)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#86c3af
```
#86c3af rgb(134,195,175)
```
#869ac3
```
#869ac3 rgb(134,154,195)
```

Tetradic Color

#a98d54
```
#a98d54 rgb(169,141,84)
```
#b29864
```
#b29864 rgb(178,152,100)
```
#bba475
```
#bba475 rgb(187,164,117)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#cbba97
```
#cbba97 rgb(203,186,151)
```
#d4c6a8
```
#d4c6a8 rgb(212,198,168)
```
#dcd1b9
```
#dcd1b9 rgb(220,209,185)
```

Monochromatic Color

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

#c3a086
```
#c3a086 rgb(195,160,134)
```
#c3a586
```
#c3a586 rgb(195,165,134)
```
#c3aa86
```
#c3aa86 rgb(195,170,134)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#c3b486
```
#c3b486 rgb(195,180,134)
```
#c3b986
```
#c3b986 rgb(195,185,134)
```
#c3be86
```
#c3be86 rgb(195,190,134)
```

Similar Colors

Text with hexadecimal color #c3af86

This text has a font color of #c3af86.

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

#c3af86 background color

This paragraph has a background color of #c3af86.

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

#c3af86 border color

This element has a border color of #c3af86.

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

CSS codes

.text {color:#c3af86;}

.background {background-color:#c3af86;}

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

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, #0a0805 is the darkest color, while #fefdfc is the lightest one.

#0a0805
```
#0a0805 rgb(10,8,5)
```
#17130c
```
#17130c rgb(23,19,12)
```
#241e12
```
#241e12 rgb(36,30,18)
```
#312919
```
#312919 rgb(49,41,25)
```
#3f341f
```
#3f341f rgb(63,52,31)
```
#4c3f26
```
#4c3f26 rgb(76,63,38)
```
#594a2c
```
#594a2c rgb(89,74,44)
```
#665533
```
#665533 rgb(102,85,51)
```
#736039
```
#736039 rgb(115,96,57)
```
#806b40
```
#806b40 rgb(128,107,64)
```
#8d7646
```
#8d7646 rgb(141,118,70)
```
#9a814d
```
#9a814d rgb(154,129,77)
```
#a78c53
```
#a78c53 rgb(167,140,83)
```

Shade Color Variation

#af955f
```
#af955f rgb(175,149,95)
```
#b69e6c
```
#b69e6c rgb(182,158,108)
```
#bca679
```
#bca679 rgb(188,166,121)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#cab893
```
#cab893 rgb(202,184,147)
```
#d0c0a0
```
#d0c0a0 rgb(208,192,160)
```
#d7c9ad
```
#d7c9ad rgb(215,201,173)
```
#ddd2ba
```
#ddd2ba rgb(221,210,186)
```
#e4dac8
```
#e4dac8 rgb(228,218,200)
```
#eae3d5
```
#eae3d5 rgb(234,227,213)
```
#f1ece2
```
#f1ece2 rgb(241,236,226)
```
#f7f4ef
```
#f7f4ef rgb(247,244,239)
```
#fefdfc
```
#fefdfc rgb(254,253,252)
```

Tint Color Variation

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

#a7a5a2
```
#a7a5a2 rgb(167,165,162)
```
#aea89b
```
#aea89b rgb(174,168,155)
```
#b5aa94
```
#b5aa94 rgb(181,170,148)
```
#bcad8d
```
#bcad8d rgb(188,173,141)
```
#c3af86
```
#c3af86 rgb(195,175,134)
```
#cab17f
```
#cab17f rgb(202,177,127)
```
#d1b478
```
#d1b478 rgb(209,180,120)
```
#d8b671
```
#d8b671 rgb(216,182,113)
```
#dfb96a
```
#dfb96a rgb(223,185,106)
```
#e6bb63
```
#e6bb63 rgb(230,187,99)
```
#edbd5c
```
#edbd5c rgb(237,189,92)
```
#f4c055
```
#f4c055 rgb(244,192,85)
```
#fbc24e
```
#fbc24e rgb(251,194,78)
```

Tone Color Variation

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

#c1b48d Protanopia 1% of men
#d3ae8d Deuteranopia 1% of men
#ccadb9 Tritanopia 0.001% of the population

Trichromacy

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

#c3af86 hex color

#c3af86 Color Information

#c3af86 Color Conversion

Color Schemes with #c3af86

Alternatives to #c3af86

#c3af86 Preview

Shades and Tints of #c3af86

Tones of #c3af86

Color Blindness Simulator