#cca86e hex color

In a RGB color space, hex #cca86e is composed of 80% red, 65.9% green and 43.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 46.1% yellow and 20% black. It has a hue angle of 37 degrees, a saturation of 48% and a lightness of 61.6%. #cca86e color hex could be obtained by blending #ffffdc with #995100. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 66
- B 43
RGB color chart
- C 0
- M 18
- Y 46
- K 20
CMYK color chart

● #cca86e color description : Slightly desaturated orange.

The hexadecimal color #cca86e has RGB values of R:204, G:168, B:110 and CMYK values of C:0, M:0.18, Y:0.46, K:0.2. Its decimal value is 13412462.

Hex triplet	cca86e	`#cca86e`
RGB Decimal	204, 168, 110	`rgb(204,168,110)`
RGB Percent	80, 65.9, 43.1	`rgb(80%,65.9%,43.1%)`
CMYK	0, 18, 46, 20
HSL	37°, 48, 61.6	`hsl(37,48%,61.6%)`
HSV (or HSB)	37°, 46.1, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.85, 5.633, 34.825
XYZ	41.719, 41.97, 20.655
xyY	0.4, 0.402, 41.97
CIE-LCH	70.85, 35.278, 80.813
CIE-LUV	70.85, 27.401, 43.124
Hunter-Lab	64.784, 1.576, 26.446
Binary	11001100, 10101000, 01101110

#cca86e
```
#cca86e rgb(204,168,110)
```
#6e92cc
```
#6e92cc rgb(110,146,204)
```

Complementary Color

#cc796e
```
#cc796e rgb(204,121,110)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#c1cc6e
```
#c1cc6e rgb(193,204,110)
```

Analogous Color

#796ecc
```
#796ecc rgb(121,110,204)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#6ec1cc
```
#6ec1cc rgb(110,193,204)
```

Split Complementary Color

#a86ecc
```
#a86ecc rgb(168,110,204)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#6ecca8
```
#6ecca8 rgb(110,204,168)
```

Triadic Color

#cc6e92
```
#cc6e92 rgb(204,110,146)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#6ecca8
```
#6ecca8 rgb(110,204,168)
```
#6e92cc
```
#6e92cc rgb(110,146,204)
```

Tetradic Color

#b0843e
```
#b0843e rgb(176,132,62)
```
#bf9148
```
#bf9148 rgb(191,145,72)
```
#c59d5b
```
#c59d5b rgb(197,157,91)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#d3b381
```
#d3b381 rgb(211,179,129)
```
#d9bf94
```
#d9bf94 rgb(217,191,148)
```
#e0caa7
```
#e0caa7 rgb(224,202,167)
```

Monochromatic Color

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

#cc916e
```
#cc916e rgb(204,145,110)
```
#cc986e
```
#cc986e rgb(204,152,110)
```
#cca06e
```
#cca06e rgb(204,160,110)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#ccb06e
```
#ccb06e rgb(204,176,110)
```
#ccb86e
```
#ccb86e rgb(204,184,110)
```
#ccc06e
```
#ccc06e rgb(204,192,110)
```

Similar Colors

Text with hexadecimal color #cca86e

This text has a font color of #cca86e.

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

#cca86e background color

This paragraph has a background color of #cca86e.

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

#cca86e border color

This element has a border color of #cca86e.

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

CSS codes

.text {color:#cca86e;}

.background {background-color:#cca86e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0f0b05
```
#0f0b05 rgb(15,11,5)
```
#1d160a
```
#1d160a rgb(29,22,10)
```
#2c210f
```
#2c210f rgb(44,33,15)
```
#3a2c14
```
#3a2c14 rgb(58,44,20)
```
#49371a
```
#49371a rgb(73,55,26)
```
#57421f
```
#57421f rgb(87,66,31)
```
#664c24
```
#664c24 rgb(102,76,36)
```
#745729
```
#745729 rgb(116,87,41)
```
#83622e
```
#83622e rgb(131,98,46)
```
#916d33
```
#916d33 rgb(145,109,51)
```
#a07838
```
#a07838 rgb(160,120,56)
```
#ae833d
```
#ae833d rgb(174,131,61)
```

Shade Color Variation

#bd8e42
```
#bd8e42 rgb(189,142,66)
```
#c29751
```
#c29751 rgb(194,151,81)
```
#c79f5f
```
#c79f5f rgb(199,159,95)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#d1b17d
```
#d1b17d rgb(209,177,125)
```
#d6b98b
```
#d6b98b rgb(214,185,139)
```
#dbc29a
```
#dbc29a rgb(219,194,154)
```
#e0cba8
```
#e0cba8 rgb(224,203,168)
```
#e6d4b7
```
#e6d4b7 rgb(230,212,183)
```
#ebdcc5
```
#ebdcc5 rgb(235,220,197)
```
#f0e5d4
```
#f0e5d4 rgb(240,229,212)
```
#f5eee2
```
#f5eee2 rgb(245,238,226)
```
#faf6f1
```
#faf6f1 rgb(250,246,241)
```

Tint Color Variation

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

#9f9d9b
```
#9f9d9b rgb(159,157,155)
```
#a69f94
```
#a69f94 rgb(166,159,148)
```
#aea18c
```
#aea18c rgb(174,161,140)
```
#b5a385
```
#b5a385 rgb(181,163,133)
```
#bda47d
```
#bda47d rgb(189,164,125)
```
#c4a676
```
#c4a676 rgb(196,166,118)
```
#cca86e
```
#cca86e rgb(204,168,110)
```
#d4aa66
```
#d4aa66 rgb(212,170,102)
```
#dbac5f
```
#dbac5f rgb(219,172,95)
```
#e3ad57
```
#e3ad57 rgb(227,173,87)
```
#eaaf50
```
#eaaf50 rgb(234,175,80)
```
#f2b148
```
#f2b148 rgb(242,177,72)
```
#f9b341
```
#f9b341 rgb(249,179,65)
```

Tone Color Variation

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

Dichromacy

#c0b177 Protanopia 1% of men
#d4aa76 Deuteranopia 1% of men
#d4a5b0 Tritanopia 0.001% of the population

Trichromacy

#c4ae73 Protanomaly 1% of men, 0.01% of women
#d1a973 Deuteranomaly 6% of men, 0.4% of women
#d1a698 Tritanomaly 0.01% of the population

#cca86e hex color

#cca86e Color Information

#cca86e Color Conversion

Color Schemes with #cca86e

Alternatives to #cca86e

#cca86e Preview

Shades and Tints of #cca86e

Tones of #cca86e

Color Blindness Simulator