#c4a386 hex color

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

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

● #c4a386 color description : Slightly desaturated orange.

The hexadecimal color #c4a386 has RGB values of R:196, G:163, B:134 and CMYK values of C:0, M:0.17, Y:0.32, K:0.23. Its decimal value is 12886918.

Hex triplet	c4a386	`#c4a386`
RGB Decimal	196, 163, 134	`rgb(196,163,134)`
RGB Percent	76.9, 63.9, 52.5	`rgb(76.9%,63.9%,52.5%)`
CMYK	0, 17, 32, 23
HSL	28.1°, 34.4, 64.7	`hsl(28.1,34.4%,64.7%)`
HSV (or HSB)	28.1°, 31.6, 76.9
Web Safe	cc9999	`#cc9999`

CIE-LAB	69.221, 7.875, 19.613
XYZ	40.165, 39.653, 28.091
xyY	0.372, 0.367, 39.653
CIE-LCH	69.221, 21.135, 68.123
CIE-LUV	69.221, 22.982, 25.065
Hunter-Lab	62.97, 3.656, 17.63
Binary	11000100, 10100011, 10000110

#c4a386
```
#c4a386 rgb(196,163,134)
```
#86a7c4
```
#86a7c4 rgb(134,167,196)
```

Complementary Color

#c48688
```
#c48688 rgb(196,134,136)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#c4c286
```
#c4c286 rgb(196,194,134)
```

Analogous Color

#8688c4
```
#8688c4 rgb(134,136,196)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#86c4c2
```
#86c4c2 rgb(134,196,194)
```

Split Complementary Color

#a386c4
```
#a386c4 rgb(163,134,196)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```

Triadic Color

#c486a7
```
#c486a7 rgb(196,134,167)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#86c4a3
```
#86c4a3 rgb(134,196,163)
```
#86a7c4
```
#86a7c4 rgb(134,167,196)
```

Tetradic Color

#aa7c53
```
#aa7c53 rgb(170,124,83)
```
#b38964
```
#b38964 rgb(179,137,100)
```
#bc9675
```
#bc9675 rgb(188,150,117)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#ccb097
```
#ccb097 rgb(204,176,151)
```
#d5bda8
```
#d5bda8 rgb(213,189,168)
```
#ddcab9
```
#ddcab9 rgb(221,202,185)
```

Monochromatic Color

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

#c49486
```
#c49486 rgb(196,148,134)
```
#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)
```
#c4b386
```
#c4b386 rgb(196,179,134)
```

Similar Colors

Text with hexadecimal color #c4a386

This text has a font color of #c4a386.

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

#c4a386 background color

This paragraph has a background color of #c4a386.

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

#c4a386 border color

This element has a border color of #c4a386.

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

CSS codes

.text {color:#c4a386;}

.background {background-color:#c4a386;}

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

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)
```
#18110c
```
#18110c rgb(24,17,12)
```
#251b12
```
#251b12 rgb(37,27,18)
```
#322519
```
#322519 rgb(50,37,25)
```
#402e1f
```
#402e1f rgb(64,46,31)
```
#4d3825
```
#4d3825 rgb(77,56,37)
```
#5a412c
```
#5a412c rgb(90,65,44)
```
#674b32
```
#674b32 rgb(103,75,50)
```
#745539
```
#745539 rgb(116,85,57)
```
#825e3f
```
#825e3f rgb(130,94,63)
```
#8f6846
```
#8f6846 rgb(143,104,70)
```
#9c714c
```
#9c714c rgb(156,113,76)
```
#a97b52
```
#a97b52 rgb(169,123,82)
```

Shade Color Variation

#b1855e
```
#b1855e rgb(177,133,94)
```
#b78f6c
```
#b78f6c rgb(183,143,108)
```
#be9979
```
#be9979 rgb(190,153,121)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#caad93
```
#caad93 rgb(202,173,147)
```
#d1b7a0
```
#d1b7a0 rgb(209,183,160)
```
#d7c1ae
```
#d7c1ae rgb(215,193,174)
```
#decbbb
```
#decbbb rgb(222,203,187)
```
#e4d5c8
```
#e4d5c8 rgb(228,213,200)
```
#ebdfd5
```
#ebdfd5 rgb(235,223,213)
```
#f1e9e2
```
#f1e9e2 rgb(241,233,226)
```
#f7f3ef
```
#f7f3ef rgb(247,243,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 #fb9f4f is the most saturated one.

#a8a5a2
```
#a8a5a2 rgb(168,165,162)
```
#afa49b
```
#afa49b rgb(175,164,155)
```
#b6a494
```
#b6a494 rgb(182,164,148)
```
#bda38d
```
#bda38d rgb(189,163,141)
```
#c4a386
```
#c4a386 rgb(196,163,134)
```
#cba37f
```
#cba37f rgb(203,163,127)
```
#d2a278
```
#d2a278 rgb(210,162,120)
```
#d9a271
```
#d9a271 rgb(217,162,113)
```
#e0a16a
```
#e0a16a rgb(224,161,106)
```
#e7a163
```
#e7a163 rgb(231,161,99)
```
#eea05c
```
#eea05c rgb(238,160,92)
```
#f4a056
```
#f4a056 rgb(244,160,86)
```
#fb9f4f
```
#fb9f4f rgb(251,159,79)
```

Tone Color Variation

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

#b7ad8e Protanopia 1% of men
#c8a78c Deuteranopia 1% of men
#cba2ae Tritanopia 0.001% of the population

Trichromacy

#bca98b Protanomaly 1% of men, 0.01% of women
#c7a58a Deuteranomaly 6% of men, 0.4% of women
#c8a29f Tritanomaly 0.01% of the population

#c4a386 hex color

#c4a386 Color Information

#c4a386 Color Conversion

Color Schemes with #c4a386

Alternatives to #c4a386

#c4a386 Preview

Shades and Tints of #c4a386

Tones of #c4a386

Color Blindness Simulator