#cc8a66 hex color

In a RGB color space, hex #cc8a66 is composed of 80% red, 54.1% green and 40% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 32.4% magenta, 50% yellow and 20% black. It has a hue angle of 21.2 degrees, a saturation of 50% and a lightness of 60%. #cc8a66 color hex could be obtained by blending #ffffcc with #991500. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 80
- G 54
- B 40
RGB color chart
- C 0
- M 32
- Y 50
- K 20
CMYK color chart

● #cc8a66 color description : Moderate orange.

The hexadecimal color #cc8a66 has RGB values of R:204, G:138, B:102 and CMYK values of C:0, M:0.32, Y:0.5, K:0.2. Its decimal value is 13404774.

Hex triplet	cc8a66	`#cc8a66`
RGB Decimal	204, 138, 102	`rgb(204,138,102)`
RGB Percent	80, 54.1, 40	`rgb(80%,54.1%,40%)`
CMYK	0, 32, 50, 20
HSL	21.2°, 50, 60	`hsl(21.2,50%,60%)`
HSV (or HSB)	21.2°, 50, 80
Web Safe	cc9966	`#cc9966`

CIE-LAB	63.323, 21.153, 29.44
XYZ	36.389, 31.976, 16.825
xyY	0.427, 0.375, 31.976
CIE-LCH	63.323, 36.251, 54.302
CIE-LUV	63.323, 48.65, 32.65
Hunter-Lab	56.547, 15.91, 21.942
Binary	11001100, 10001010, 01100110

#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#66a8cc
```
#66a8cc rgb(102,168,204)
```

Complementary Color

#cc6675
```
#cc6675 rgb(204,102,117)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#ccbd66
```
#ccbd66 rgb(204,189,102)
```

Analogous Color

#6675cc
```
#6675cc rgb(102,117,204)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#66ccbd
```
#66ccbd rgb(102,204,189)
```

Split Complementary Color

#8a66cc
```
#8a66cc rgb(138,102,204)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#66cc8a
```
#66cc8a rgb(102,204,138)
```

Triadic Color

#cc66a8
```
#cc66a8 rgb(204,102,168)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#66cc8a
```
#66cc8a rgb(102,204,138)
```
#66a8cc
```
#66a8cc rgb(102,168,204)
```

Tetradic Color

#ac6239
```
#ac6239 rgb(172,98,57)
```
#bf6d40
```
#bf6d40 rgb(191,109,64)
```
#c67b53
```
#c67b53 rgb(198,123,83)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#d29979
```
#d29979 rgb(210,153,121)
```
#d9a78c
```
#d9a78c rgb(217,167,140)
```
#dfb69f
```
#dfb69f rgb(223,182,159)
```

Monochromatic Color

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

#cc7166
```
#cc7166 rgb(204,113,102)
```
#cc7966
```
#cc7966 rgb(204,121,102)
```
#cc8266
```
#cc8266 rgb(204,130,102)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#cc9366
```
#cc9366 rgb(204,147,102)
```
#cc9b66
```
#cc9b66 rgb(204,155,102)
```
#cca466
```
#cca466 rgb(204,164,102)
```

Similar Colors

Text with hexadecimal color #cc8a66

This text has a font color of #cc8a66.

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

#cc8a66 background color

This paragraph has a background color of #cc8a66.

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

#cc8a66 border color

This element has a border color of #cc8a66.

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

CSS codes

.text {color:#cc8a66;}

.background {background-color:#cc8a66;}

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

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

#090503
```
#090503 rgb(9,5,3)
```
#180d08
```
#180d08 rgb(24,13,8)
```
#26160d
```
#26160d rgb(38,22,13)
```
#351e12
```
#351e12 rgb(53,30,18)
```
#442617
```
#442617 rgb(68,38,23)
```
#522f1b
```
#522f1b rgb(82,47,27)
```
#613720
```
#613720 rgb(97,55,32)
```
#704025
```
#704025 rgb(112,64,37)
```
#7f482a
```
#7f482a rgb(127,72,42)
```
#8d502f
```
#8d502f rgb(141,80,47)
```
#9c5934
```
#9c5934 rgb(156,89,52)
```
#ab6139
```
#ab6139 rgb(171,97,57)
```
#b9693e
```
#b9693e rgb(185,105,62)
```

Shade Color Variation

#c27449
```
#c27449 rgb(194,116,73)
```
#c77f57
```
#c77f57 rgb(199,127,87)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#d19575
```
#d19575 rgb(209,149,117)
```
#d6a183
```
#d6a183 rgb(214,161,131)
```
#dbac92
```
#dbac92 rgb(219,172,146)
```
#e0b7a1
```
#e0b7a1 rgb(224,183,161)
```
#e5c2b0
```
#e5c2b0 rgb(229,194,176)
```
#e9cebe
```
#e9cebe rgb(233,206,190)
```
#eed9cd
```
#eed9cd rgb(238,217,205)
```
#f3e4dc
```
#f3e4dc rgb(243,228,220)
```
#f8efea
```
#f8efea rgb(248,239,234)
```
#fdfbf9
```
#fdfbf9 rgb(253,251,249)
```

Tint Color Variation

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

#9d9895
```
#9d9895 rgb(157,152,149)
```
#a5968d
```
#a5968d rgb(165,150,141)
```
#ad9385
```
#ad9385 rgb(173,147,133)
```
#b4917e
```
#b4917e rgb(180,145,126)
```
#bc8f76
```
#bc8f76 rgb(188,143,118)
```
#c48c6e
```
#c48c6e rgb(196,140,110)
```
#cc8a66
```
#cc8a66 rgb(204,138,102)
```
#d4885e
```
#d4885e rgb(212,136,94)
```
#dc8556
```
#dc8556 rgb(220,133,86)
```
#e4834e
```
#e4834e rgb(228,131,78)
```
#eb8147
```
#eb8147 rgb(235,129,71)
```
#f37e3f
```
#f37e3f rgb(243,126,63)
```
#fb7c37
```
#fb7c37 rgb(251,124,55)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#a49790 Atypical Achromatopsia 0.001% of the population

Dichromacy

#aa9e73 Protanopia 1% of men
#bd986b Deuteranopia 1% of men
#d28a94 Tritanopia 0.001% of the population

Trichromacy

#b6966e Protanomaly 1% of men, 0.01% of women
#c29269 Deuteranomaly 6% of men, 0.4% of women
#cf8a83 Tritanomaly 0.01% of the population

#cc8a66 hex color

#cc8a66 Color Information

#cc8a66 Color Conversion

Color Schemes with #cc8a66

Alternatives to #cc8a66

#cc8a66 Preview

Shades and Tints of #cc8a66

Tones of #cc8a66

Color Blindness Simulator