#c4af86 hex color

In a RGB color space, hex #c4af86 is composed of 76.9% red, 68.6% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.7% magenta, 31.6% yellow and 23.1% black. It has a hue angle of 39.7 degrees, a saturation of 34.4% and a lightness of 64.7%. #c4af86 color hex could be obtained by blending #ffffff with #895f0d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 77
- G 69
- B 53
RGB color chart
- C 0
- M 11
- Y 32
- K 23
CMYK color chart

● #c4af86 color description : Slightly desaturated orange.

The hexadecimal color #c4af86 has RGB values of R:196, G:175, B:134 and CMYK values of C:0, M:0.11, Y:0.32, K:0.23. Its decimal value is 12889990.

Hex triplet	c4af86	`#c4af86`
RGB Decimal	196, 175, 134	`rgb(196,175,134)`
RGB Percent	76.9, 68.6, 52.5	`rgb(76.9%,68.6%,52.5%)`
CMYK	0, 11, 32, 23
HSL	39.7°, 34.4, 64.7	`hsl(39.7,34.4%,64.7%)`
HSV (or HSB)	39.7°, 31.6, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	72.307, 1.401, 23.819
XYZ	42.398, 44.118, 28.835
xyY	0.368, 0.382, 44.118
CIE-LCH	72.307, 23.86, 86.633
CIE-LUV	72.307, 15.65, 31.815
Hunter-Lab	66.421, -2.298, 20.756
Binary	11000100, 10101111, 10000110

#c4af86
```
#c4af86 rgb(196,175,134)
```
#869bc4
```
#869bc4 rgb(134,155,196)
```

Complementary Color

#c49086
```
#c49086 rgb(196,144,134)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#bac486
```
#bac486 rgb(186,196,134)
```

Analogous Color

#9086c4
```
#9086c4 rgb(144,134,196)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#86bac4
```
#86bac4 rgb(134,186,196)
```

Split Complementary Color

#af86c4
```
#af86c4 rgb(175,134,196)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#86c4af
```
#86c4af rgb(134,196,175)
```

Triadic Color

#c4869b
```
#c4869b rgb(196,134,155)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#86c4af
```
#86c4af rgb(134,196,175)
```
#869bc4
```
#869bc4 rgb(134,155,196)
```

Tetradic Color

#aa8d53
```
#aa8d53 rgb(170,141,83)
```
#b39864
```
#b39864 rgb(179,152,100)
```
#bca475
```
#bca475 rgb(188,164,117)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#ccba97
```
#ccba97 rgb(204,186,151)
```
#d5c6a8
```
#d5c6a8 rgb(213,198,168)
```
#ddd1b9
```
#ddd1b9 rgb(221,209,185)
```

Monochromatic Color

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

#c4a086
```
#c4a086 rgb(196,160,134)
```
#c4a586
```
#c4a586 rgb(196,165,134)
```
#c4aa86
```
#c4aa86 rgb(196,170,134)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#c4b486
```
#c4b486 rgb(196,180,134)
```
#c4b986
```
#c4b986 rgb(196,185,134)
```
#c4bf86
```
#c4bf86 rgb(196,191,134)
```

Similar Colors

Text with hexadecimal color #c4af86

This text has a font color of #c4af86.

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

#c4af86 background color

This paragraph has a background color of #c4af86.

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

#c4af86 border color

This element has a border color of #c4af86.

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

CSS codes

.text {color:#c4af86;}

.background {background-color:#c4af86;}

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

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

#0b0905
```
#0b0905 rgb(11,9,5)
```
#18140c
```
#18140c rgb(24,20,12)
```
#251f12
```
#251f12 rgb(37,31,18)
```
#322a19
```
#322a19 rgb(50,42,25)
```
#40351f
```
#40351f rgb(64,53,31)
```
#4d3f25
```
#4d3f25 rgb(77,63,37)
```
#5a4a2c
```
#5a4a2c rgb(90,74,44)
```
#675532
```
#675532 rgb(103,85,50)
```
#746039
```
#746039 rgb(116,96,57)
```
#826b3f
```
#826b3f rgb(130,107,63)
```
#8f7646
```
#8f7646 rgb(143,118,70)
```
#9c814c
```
#9c814c rgb(156,129,76)
```
#a98c52
```
#a98c52 rgb(169,140,82)
```

Shade Color Variation

#b1955e
```
#b1955e rgb(177,149,94)
```
#b79e6c
```
#b79e6c rgb(183,158,108)
```
#bea679
```
#bea679 rgb(190,166,121)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#cab893
```
#cab893 rgb(202,184,147)
```
#d1c0a0
```
#d1c0a0 rgb(209,192,160)
```
#d7c9ae
```
#d7c9ae rgb(215,201,174)
```
#ded2bb
```
#ded2bb rgb(222,210,187)
```
#e4dbc8
```
#e4dbc8 rgb(228,219,200)
```
#ebe3d5
```
#ebe3d5 rgb(235,227,213)
```
#f1ece2
```
#f1ece2 rgb(241,236,226)
```
#f7f5ef
```
#f7f5ef rgb(247,245,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a8a6a2
```
#a8a6a2 rgb(168,166,162)
```
#afa89b
```
#afa89b rgb(175,168,155)
```
#b6ab94
```
#b6ab94 rgb(182,171,148)
```
#bdad8d
```
#bdad8d rgb(189,173,141)
```
#c4af86
```
#c4af86 rgb(196,175,134)
```
#cbb17f
```
#cbb17f rgb(203,177,127)
```
#d2b378
```
#d2b378 rgb(210,179,120)
```
#d9b671
```
#d9b671 rgb(217,182,113)
```
#e0b86a
```
#e0b86a rgb(224,184,106)
```
#e7ba63
```
#e7ba63 rgb(231,186,99)
```
#eebc5c
```
#eebc5c rgb(238,188,92)
```
#f4bf56
```
#f4bf56 rgb(244,191,86)
```
#fbc14f
```
#fbc14f rgb(251,193,79)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b5b1a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

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

#c4af86 hex color

#c4af86 Color Information

#c4af86 Color Conversion

Color Schemes with #c4af86

Alternatives to #c4af86

#c4af86 Preview

Shades and Tints of #c4af86

Tones of #c4af86

Color Blindness Simulator