#cc6f4c hex color

In a RGB color space, hex #cc6f4c is composed of 80% red, 43.5% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 62.7% yellow and 20% black. It has a hue angle of 16.4 degrees, a saturation of 55.7% and a lightness of 54.9%. #cc6f4c color hex could be obtained by blending #ffde98 with #990000. Closest websafe color is: #cc6633.

♥
- f
- t
- g
- R 80
- G 44
- B 30
RGB color chart
- C 0
- M 46
- Y 63
- K 20
CMYK color chart

● #cc6f4c color description : Moderate orange.

The hexadecimal color #cc6f4c has RGB values of R:204, G:111, B:76 and CMYK values of C:0, M:0.46, Y:0.63, K:0.2. Its decimal value is 13397836.

Hex triplet	cc6f4c	`#cc6f4c`
RGB Decimal	204, 111, 76	`rgb(204,111,76)`
RGB Percent	80, 43.5, 29.8	`rgb(80%,43.5%,29.8%)`
CMYK	0, 46, 63, 20
HSL	16.4°, 55.7, 54.9	`hsl(16.4,55.7%,54.9%)`
HSV (or HSB)	16.4°, 62.7, 80
Web Safe	cc6633	`#cc6633`

CIE-LAB	56.812, 33.597, 35.51
XYZ	31.892, 24.731, 9.931
xyY	0.479, 0.372, 24.731
CIE-LCH	56.812, 48.885, 46.586
CIE-LUV	56.812, 71.65, 34.061
Hunter-Lab	49.73, 27.444, 22.971
Binary	11001100, 01101111, 01001100

#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#4ca9cc
```
#4ca9cc rgb(76,169,204)
```

Complementary Color

#cc4c69
```
#cc4c69 rgb(204,76,105)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#ccaf4c
```
#ccaf4c rgb(204,175,76)
```

Analogous Color

#4c69cc
```
#4c69cc rgb(76,105,204)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#4cccaf
```
#4cccaf rgb(76,204,175)
```

Split Complementary Color

#6f4ccc
```
#6f4ccc rgb(111,76,204)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#4ccc6f
```
#4ccc6f rgb(76,204,111)
```

Triadic Color

#cc4ca9
```
#cc4ca9 rgb(204,76,169)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#4ccc6f
```
#4ccc6f rgb(76,204,111)
```
#4ca9cc
```
#4ca9cc rgb(76,169,204)
```

Tetradic Color

#9e4c2d
```
#9e4c2d rgb(158,76,45)
```
#b25633
```
#b25633 rgb(178,86,51)
```
#c65f38
```
#c65f38 rgb(198,95,56)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#d27f60
```
#d27f60 rgb(210,127,96)
```
#d78f74
```
#d78f74 rgb(215,143,116)
```
#dd9f88
```
#dd9f88 rgb(221,159,136)
```

Monochromatic Color

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

#cc4f4c
```
#cc4f4c rgb(204,79,76)
```
#cc5a4c
```
#cc5a4c rgb(204,90,76)
```
#cc644c
```
#cc644c rgb(204,100,76)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#cc7a4c
```
#cc7a4c rgb(204,122,76)
```
#cc844c
```
#cc844c rgb(204,132,76)
```
#cc8f4c
```
#cc8f4c rgb(204,143,76)
```

Similar Colors

Text with hexadecimal color #cc6f4c

This text has a font color of #cc6f4c.

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

#cc6f4c background color

This paragraph has a background color of #cc6f4c.

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

#cc6f4c border color

This element has a border color of #cc6f4c.

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

CSS codes

.text {color:#cc6f4c;}

.background {background-color:#cc6f4c;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#130906
```
#130906 rgb(19,9,6)
```
#23110a
```
#23110a rgb(35,17,10)
```
#32180e
```
#32180e rgb(50,24,14)
```
#411f13
```
#411f13 rgb(65,31,19)
```
#512717
```
#512717 rgb(81,39,23)
```
#602e1b
```
#602e1b rgb(96,46,27)
```
#6f3520
```
#6f3520 rgb(111,53,32)
```
#7e3d24
```
#7e3d24 rgb(126,61,36)
```
#8e4428
```
#8e4428 rgb(142,68,40)
```
#9d4b2d
```
#9d4b2d rgb(157,75,45)
```
#ac5331
```
#ac5331 rgb(172,83,49)
```
#bb5a35
```
#bb5a35 rgb(187,90,53)
```

Shade Color Variation

#c8633d
```
#c8633d rgb(200,99,61)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#d07b5b
```
#d07b5b rgb(208,123,91)
```
#d5886b
```
#d5886b rgb(213,136,107)
```
#d9947a
```
#d9947a rgb(217,148,122)
```
#dda089
```
#dda089 rgb(221,160,137)
```
#e2ac98
```
#e2ac98 rgb(226,172,152)
```
#e6b9a8
```
#e6b9a8 rgb(230,185,168)
```
#eac5b7
```
#eac5b7 rgb(234,197,183)
```
#efd1c6
```
#efd1c6 rgb(239,209,198)
```
#f3ded5
```
#f3ded5 rgb(243,222,213)
```
#f7eae5
```
#f7eae5 rgb(247,234,229)
```
#fcf6f4
```
#fcf6f4 rgb(252,246,244)
```

Tint Color Variation

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

#8e8b8a
```
#8e8b8a rgb(142,139,138)
```
#978781
```
#978781 rgb(151,135,129)
```
#a08378
```
#a08378 rgb(160,131,120)
```
#a97f6f
```
#a97f6f rgb(169,127,111)
```
#b17b67
```
#b17b67 rgb(177,123,103)
```
#ba775e
```
#ba775e rgb(186,119,94)
```
#c37355
```
#c37355 rgb(195,115,85)
```
#cc6f4c
```
#cc6f4c rgb(204,111,76)
```
#d56b43
```
#d56b43 rgb(213,107,67)
```
#de673a
```
#de673a rgb(222,103,58)
```
#e76331
```
#e76331 rgb(231,99,49)
```
#ef5f29
```
#ef5f29 rgb(239,95,41)
```
#f85b20
```
#f85b20 rgb(248,91,32)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#95827b Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8e5d Protanopia 1% of men
#ac8850 Deuteranopia 1% of men
#d17179 Tritanopia 0.001% of the population

Trichromacy

#ac8357 Protanomaly 1% of men, 0.01% of women
#b87f4e Deuteranomaly 6% of men, 0.4% of women
#cf7068 Tritanomaly 0.01% of the population

#cc6f4c hex color

#cc6f4c Color Information

#cc6f4c Color Conversion

Color Schemes with #cc6f4c

Alternatives to #cc6f4c

#cc6f4c Preview

Shades and Tints of #cc6f4c

Tones of #cc6f4c

Color Blindness Simulator