#cc6c4b hex color

In a RGB color space, hex #cc6c4b is composed of 80% red, 42.4% green and 29.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 47.1% magenta, 63.2% yellow and 20% black. It has a hue angle of 15.3 degrees, a saturation of 55.8% and a lightness of 54.7%. #cc6c4b color hex could be obtained by blending #ffd896 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 42
- B 29
RGB color chart
- C 0
- M 47
- Y 63
- K 20
CMYK color chart

● #cc6c4b color description : Moderate orange.

The hexadecimal color #cc6c4b has RGB values of R:204, G:108, B:75 and CMYK values of C:0, M:0.47, Y:0.63, K:0.2. Its decimal value is 13397067.

Hex triplet	cc6c4b	`#cc6c4b`
RGB Decimal	204, 108, 75	`rgb(204,108,75)`
RGB Percent	80, 42.4, 29.4	`rgb(80%,42.4%,29.4%)`
CMYK	0, 47, 63, 20
HSL	15.3°, 55.8, 54.7	`hsl(15.3,55.8%,54.7%)`
HSV (or HSB)	15.3°, 63.2, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.161, 35.105, 35.27
XYZ	31.535, 24.073, 9.642
xyY	0.483, 0.369, 24.073
CIE-LCH	56.161, 49.762, 45.134
CIE-LUV	56.161, 74.021, 33.299
Hunter-Lab	49.064, 28.865, 22.693
Binary	11001100, 01101100, 01001011

#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#4babcc
```
#4babcc rgb(75,171,204)
```

Complementary Color

#cc4b6b
```
#cc4b6b rgb(204,75,107)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#ccad4b
```
#ccad4b rgb(204,173,75)
```

Analogous Color

#4b6bcc
```
#4b6bcc rgb(75,107,204)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#4bccad
```
#4bccad rgb(75,204,173)
```

Split Complementary Color

#6c4bcc
```
#6c4bcc rgb(108,75,204)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#4bcc6c
```
#4bcc6c rgb(75,204,108)
```

Triadic Color

#cc4bab
```
#cc4bab rgb(204,75,171)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#4bcc6c
```
#4bcc6c rgb(75,204,108)
```
#4babcc
```
#4babcc rgb(75,171,204)
```

Tetradic Color

#9e4a2d
```
#9e4a2d rgb(158,74,45)
```
#b25332
```
#b25332 rgb(178,83,50)
```
#c65c38
```
#c65c38 rgb(198,92,56)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#d27c5f
```
#d27c5f rgb(210,124,95)
```
#d78c73
```
#d78c73 rgb(215,140,115)
```
#dd9d87
```
#dd9d87 rgb(221,157,135)
```

Monochromatic Color

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

#cc4c4b
```
#cc4c4b rgb(204,76,75)
```
#cc574b
```
#cc574b rgb(204,87,75)
```
#cc614b
```
#cc614b rgb(204,97,75)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#cc774b
```
#cc774b rgb(204,119,75)
```
#cc824b
```
#cc824b rgb(204,130,75)
```
#cc8c4b
```
#cc8c4b rgb(204,140,75)
```

Similar Colors

Text with hexadecimal color #cc6c4b

This text has a font color of #cc6c4b.

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

#cc6c4b background color

This paragraph has a background color of #cc6c4b.

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

#cc6c4b border color

This element has a border color of #cc6c4b.

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

CSS codes

.text {color:#cc6c4b;}

.background {background-color:#cc6c4b;}

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

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 #fcf5f3 is the lightest one.

#030201
```
#030201 rgb(3,2,1)
```
#130905
```
#130905 rgb(19,9,5)
```
#22100a
```
#22100a rgb(34,16,10)
```
#31170e
```
#31170e rgb(49,23,14)
```
#411e12
```
#411e12 rgb(65,30,18)
```
#502517
```
#502517 rgb(80,37,23)
```
#5f2c1b
```
#5f2c1b rgb(95,44,27)
```
#6e341f
```
#6e341f rgb(110,52,31)
```
#7e3b24
```
#7e3b24 rgb(126,59,36)
```
#8d4228
```
#8d4228 rgb(141,66,40)
```
#9c492c
```
#9c492c rgb(156,73,44)
```
#ac5031
```
#ac5031 rgb(172,80,49)
```
#bb5735
```
#bb5735 rgb(187,87,53)
```

Shade Color Variation

#c8603c
```
#c8603c rgb(200,96,60)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#d0785a
```
#d0785a rgb(208,120,90)
```
#d5856a
```
#d5856a rgb(213,133,106)
```
#d99179
```
#d99179 rgb(217,145,121)
```
#dd9e88
```
#dd9e88 rgb(221,158,136)
```
#e2aa97
```
#e2aa97 rgb(226,170,151)
```
#e6b7a7
```
#e6b7a7 rgb(230,183,167)
```
#eac3b6
```
#eac3b6 rgb(234,195,182)
```
#efd0c5
```
#efd0c5 rgb(239,208,197)
```
#f3dcd5
```
#f3dcd5 rgb(243,220,213)
```
#f7e9e4
```
#f7e9e4 rgb(247,233,228)
```
#fcf5f3
```
#fcf5f3 rgb(252,245,243)
```

Tint Color Variation

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

#8e8a89
```
#8e8a89 rgb(142,138,137)
```
#978680
```
#978680 rgb(151,134,128)
```
#a08277
```
#a08277 rgb(160,130,119)
```
#a87d6f
```
#a87d6f rgb(168,125,111)
```
#b17966
```
#b17966 rgb(177,121,102)
```
#ba755d
```
#ba755d rgb(186,117,93)
```
#c37054
```
#c37054 rgb(195,112,84)
```
#cc6c4b
```
#cc6c4b rgb(204,108,75)
```
#d56842
```
#d56842 rgb(213,104,66)
```
#de6339
```
#de6339 rgb(222,99,57)
```
#e75f30
```
#e75f30 rgb(231,95,48)
```
#f05b27
```
#f05b27 rgb(240,91,39)
```
#f8561f
```
#f8561f rgb(248,86,31)
```

Tone Color Variation

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

#858585 Achromatopsia 0.005% of the population
#938079 Atypical Achromatopsia 0.001% of the population

Dichromacy

#988c5d Protanopia 1% of men
#ab864f Deuteranopia 1% of men
#d06f76 Tritanopia 0.001% of the population

Trichromacy

#ab8056 Protanomaly 1% of men, 0.01% of women
#b77d4d Deuteranomaly 6% of men, 0.4% of women
#cf6e66 Tritanomaly 0.01% of the population

#cc6c4b hex color

#cc6c4b Color Information

#cc6c4b Color Conversion

Color Schemes with #cc6c4b

Alternatives to #cc6c4b

#cc6c4b Preview

Shades and Tints of #cc6c4b

Tones of #cc6c4b

Color Blindness Simulator