#cca386 hex color

In a RGB color space, hex #cca386 is composed of 80% red, 63.9% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.1% magenta, 34.3% yellow and 20% black. It has a hue angle of 24.9 degrees, a saturation of 40.7% and a lightness of 66.3%. #cca386 color hex could be obtained by blending #ffffff with #99470d. Closest websafe color is: #cc9999.

♥
- f
- t
- g
- R 80
- G 64
- B 53
RGB color chart
- C 0
- M 20
- Y 34
- K 20
CMYK color chart

● #cca386 color description : Slightly desaturated orange.

The hexadecimal color #cca386 has RGB values of R:204, G:163, B:134 and CMYK values of C:0, M:0.2, Y:0.34, K:0.2. Its decimal value is 13411206.

Hex triplet	cca386	`#cca386`
RGB Decimal	204, 163, 134	`rgb(204,163,134)`
RGB Percent	80, 63.9, 52.5	`rgb(80%,63.9%,52.5%)`
CMYK	0, 20, 34, 20
HSL	24.9°, 40.7, 66.3	`hsl(24.9,40.7%,66.3%)`
HSV (or HSB)	24.9°, 34.3, 80
Web Safe	cc9999	`#cc9999`

CIE-LAB	70.004, 11.043, 20.81
XYZ	42.302, 40.754, 28.191
xyY	0.38, 0.366, 40.754
CIE-LCH	70.004, 23.559, 62.046
CIE-LUV	70.004, 28.556, 25.973
Hunter-Lab	63.839, 6.561, 18.505
Binary	11001100, 10100011, 10000110

#cca386
```
#cca386 rgb(204,163,134)
```
#86afcc
```
#86afcc rgb(134,175,204)
```

Complementary Color

#cc868c
```
#cc868c rgb(204,134,140)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#ccc686
```
#ccc686 rgb(204,198,134)
```

Analogous Color

#868ccc
```
#868ccc rgb(134,140,204)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#86ccc6
```
#86ccc6 rgb(134,204,198)
```

Split Complementary Color

#a386cc
```
#a386cc rgb(163,134,204)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#86cca3
```
#86cca3 rgb(134,204,163)
```

Triadic Color

#cc86af
```
#cc86af rgb(204,134,175)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#86cca3
```
#86cca3 rgb(134,204,163)
```
#86afcc
```
#86afcc rgb(134,175,204)
```

Tetradic Color

#b57a50
```
#b57a50 rgb(181,122,80)
```
#bd8862
```
#bd8862 rgb(189,136,98)
```
#c49574
```
#c49574 rgb(196,149,116)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#d4b198
```
#d4b198 rgb(212,177,152)
```
#dbbeaa
```
#dbbeaa rgb(219,190,170)
```
#e3ccbc
```
#e3ccbc rgb(227,204,188)
```

Monochromatic Color

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

#cc9286
```
#cc9286 rgb(204,146,134)
```
#cc9786
```
#cc9786 rgb(204,151,134)
```
#cc9d86
```
#cc9d86 rgb(204,157,134)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#cca986
```
#cca986 rgb(204,169,134)
```
#ccaf86
```
#ccaf86 rgb(204,175,134)
```
#ccb586
```
#ccb586 rgb(204,181,134)
```

Similar Colors

Text with hexadecimal color #cca386

This text has a font color of #cca386.

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

#cca386 background color

This paragraph has a background color of #cca386.

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

#cca386 border color

This element has a border color of #cca386.

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

CSS codes

.text {color:#cca386;}

.background {background-color:#cca386;}

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

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, #030201 is the darkest color, while #fbf7f4 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#110b07
```
#110b07 rgb(17,11,7)
```
#1f140d
```
#1f140d rgb(31,20,13)
```
#2d1d13
```
#2d1d13 rgb(45,29,19)
```
#3a2719
```
#3a2719 rgb(58,39,25)
```
#48301e
```
#48301e rgb(72,48,30)
```
#563924
```
#563924 rgb(86,57,36)
```
#64422a
```
#64422a rgb(100,66,42)
```
#724b30
```
#724b30 rgb(114,75,48)
```
#7f5436
```
#7f5436 rgb(127,84,54)
```
#8d5d3c
```
#8d5d3c rgb(141,93,60)
```
#9b6641
```
#9b6641 rgb(155,102,65)
```
#a97047
```
#a97047 rgb(169,112,71)
```

Shade Color Variation

#b5794f
```
#b5794f rgb(181,121,79)
```
#bb845d
```
#bb845d rgb(187,132,93)
```
#c08e6a
```
#c08e6a rgb(192,142,106)
```
#c69978
```
#c69978 rgb(198,153,120)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#d2ad94
```
#d2ad94 rgb(210,173,148)
```
#d8b8a2
```
#d8b8a2 rgb(216,184,162)
```
#ddc2af
```
#ddc2af rgb(221,194,175)
```
#e3cdbd
```
#e3cdbd rgb(227,205,189)
```
#e9d7cb
```
#e9d7cb rgb(233,215,203)
```
#efe2d9
```
#efe2d9 rgb(239,226,217)
```
#f5ece7
```
#f5ece7 rgb(245,236,231)
```
#fbf7f4
```
#fbf7f4 rgb(251,247,244)
```

Tint Color Variation

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

#aba9a7
```
#aba9a7 rgb(171,169,167)
```
#b2a8a0
```
#b2a8a0 rgb(178,168,160)
```
#b8a69a
```
#b8a69a rgb(184,166,154)
```
#bfa593
```
#bfa593 rgb(191,165,147)
```
#c5a48d
```
#c5a48d rgb(197,164,141)
```
#cca386
```
#cca386 rgb(204,163,134)
```
#d3a27f
```
#d3a27f rgb(211,162,127)
```
#d9a179
```
#d9a179 rgb(217,161,121)
```
#e0a072
```
#e0a072 rgb(224,160,114)
```
#e69e6c
```
#e69e6c rgb(230,158,108)
```
#ed9d65
```
#ed9d65 rgb(237,157,101)
```
#f49c5e
```
#f49c5e rgb(244,156,94)
```
#fa9b58
```
#fa9b58 rgb(250,155,88)
```

Tone Color Variation

Below, you can see how #cca386 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
#b2aaa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9af8f Protanopia 1% of men
#cba88b Deuteranopia 1% of men
#d2a2ae Tritanopia 0.001% of the population

Trichromacy

#c0aa8c Protanomaly 1% of men, 0.01% of women
#cba689 Deuteranomaly 6% of men, 0.4% of women
#d0a29f Tritanomaly 0.01% of the population

#cca386 hex color

#cca386 Color Information

#cca386 Color Conversion

Color Schemes with #cca386

Alternatives to #cca386

#cca386 Preview

Shades and Tints of #cca386

Tones of #cca386

Color Blindness Simulator