#c4a886 hex color

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

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

● #c4a886 color description : Slightly desaturated orange.

The hexadecimal color #c4a886 has RGB values of R:196, G:168, B:134 and CMYK values of C:0, M:0.14, Y:0.32, K:0.23. Its decimal value is 12888198.

Hex triplet	c4a886	`#c4a886`
RGB Decimal	196, 168, 134	`rgb(196,168,134)`
RGB Percent	76.9, 65.9, 52.5	`rgb(76.9%,65.9%,52.5%)`
CMYK	0, 14, 32, 23
HSL	32.9°, 34.4, 64.7	`hsl(32.9,34.4%,64.7%)`
HSV (or HSB)	32.9°, 31.6, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.499, 5.165, 21.362
XYZ	41.07, 41.463, 28.393
xyY	0.37, 0.374, 41.463
CIE-LCH	70.499, 21.977, 76.408
CIE-LUV	70.499, 19.914, 27.881
Hunter-Lab	64.392, 1.164, 18.931
Binary	11000100, 10101000, 10000110

#c4a886
```
#c4a886 rgb(196,168,134)
```
#86a2c4
```
#86a2c4 rgb(134,162,196)
```

Complementary Color

#c48986
```
#c48986 rgb(196,137,134)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#c1c486
```
#c1c486 rgb(193,196,134)
```

Analogous Color

#8986c4
```
#8986c4 rgb(137,134,196)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#86c1c4
```
#86c1c4 rgb(134,193,196)
```

Split Complementary Color

#a886c4
```
#a886c4 rgb(168,134,196)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#86c4a8
```
#86c4a8 rgb(134,196,168)
```

Triadic Color

#c486a2
```
#c486a2 rgb(196,134,162)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#86c4a8
```
#86c4a8 rgb(134,196,168)
```
#86a2c4
```
#86a2c4 rgb(134,162,196)
```

Tetradic Color

#aa8353
```
#aa8353 rgb(170,131,83)
```
#b38f64
```
#b38f64 rgb(179,143,100)
```
#bc9c75
```
#bc9c75 rgb(188,156,117)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#ccb497
```
#ccb497 rgb(204,180,151)
```
#d5c1a8
```
#d5c1a8 rgb(213,193,168)
```
#ddcdb9
```
#ddcdb9 rgb(221,205,185)
```

Monochromatic Color

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

#c49986
```
#c49986 rgb(196,153,134)
```
#c49e86
```
#c49e86 rgb(196,158,134)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#c4ad86
```
#c4ad86 rgb(196,173,134)
```
#c4b286
```
#c4b286 rgb(196,178,134)
```
#c4b886
```
#c4b886 rgb(196,184,134)
```

Similar Colors

Text with hexadecimal color #c4a886

This text has a font color of #c4a886.

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

#c4a886 background color

This paragraph has a background color of #c4a886.

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

#c4a886 border color

This element has a border color of #c4a886.

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

CSS codes

.text {color:#c4a886;}

.background {background-color:#c4a886;}

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

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

#0b0805
```
#0b0805 rgb(11,8,5)
```
#18120c
```
#18120c rgb(24,18,12)
```
#251d12
```
#251d12 rgb(37,29,18)
```
#322719
```
#322719 rgb(50,39,25)
```
#40311f
```
#40311f rgb(64,49,31)
```
#4d3b25
```
#4d3b25 rgb(77,59,37)
```
#5a452c
```
#5a452c rgb(90,69,44)
```
#674f32
```
#674f32 rgb(103,79,50)
```
#745939
```
#745939 rgb(116,89,57)
```
#82643f
```
#82643f rgb(130,100,63)
```
#8f6e46
```
#8f6e46 rgb(143,110,70)
```
#9c784c
```
#9c784c rgb(156,120,76)
```
#a98252
```
#a98252 rgb(169,130,82)
```

Shade Color Variation

#b18c5e
```
#b18c5e rgb(177,140,94)
```
#b7956c
```
#b7956c rgb(183,149,108)
```
#be9f79
```
#be9f79 rgb(190,159,121)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#cab193
```
#cab193 rgb(202,177,147)
```
#d1bba0
```
#d1bba0 rgb(209,187,160)
```
#d7c4ae
```
#d7c4ae rgb(215,196,174)
```
#decebb
```
#decebb rgb(222,206,187)
```
#e4d7c8
```
#e4d7c8 rgb(228,215,200)
```
#ebe1d5
```
#ebe1d5 rgb(235,225,213)
```
#f1eae2
```
#f1eae2 rgb(241,234,226)
```
#f7f4ef
```
#f7f4ef rgb(247,244,239)
```
#fefdfd
```
#fefdfd rgb(254,253,253)
```

Tint Color Variation

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

#a8a5a2
```
#a8a5a2 rgb(168,165,162)
```
#afa69b
```
#afa69b rgb(175,166,155)
```
#b6a794
```
#b6a794 rgb(182,167,148)
```
#bda78d
```
#bda78d rgb(189,167,141)
```
#c4a886
```
#c4a886 rgb(196,168,134)
```
#cba97f
```
#cba97f rgb(203,169,127)
```
#d2a978
```
#d2a978 rgb(210,169,120)
```
#d9aa71
```
#d9aa71 rgb(217,170,113)
```
#e0ab6a
```
#e0ab6a rgb(224,171,106)
```
#e7ab63
```
#e7ab63 rgb(231,171,99)
```
#eeac5c
```
#eeac5c rgb(238,172,92)
```
#f4ad56
```
#f4ad56 rgb(244,173,86)
```
#fbad4f
```
#fbad4f rgb(251,173,79)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#b1aba4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb08d Protanopia 1% of men
#cdaa8d Deuteranopia 1% of men
#cba7b2 Tritanopia 0.001% of the population

Trichromacy

#bead8b Protanomaly 1% of men, 0.01% of women
#c9a98a Deuteranomaly 6% of men, 0.4% of women
#c9a7a2 Tritanomaly 0.01% of the population

#c4a886 hex color

#c4a886 Color Information

#c4a886 Color Conversion

Color Schemes with #c4a886

Alternatives to #c4a886

#c4a886 Preview

Shades and Tints of #c4a886

Tones of #c4a886

Color Blindness Simulator