#cc7056 hex color

In a RGB color space, hex #cc7056 is composed of 80% red, 43.9% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.1% magenta, 57.8% yellow and 20% black. It has a hue angle of 13.2 degrees, a saturation of 53.6% and a lightness of 56.9%. #cc7056 color hex could be obtained by blending #ffe0ac with #990000. Closest websafe color is: #cc6666.

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

● #cc7056 color description : Moderate red.

The hexadecimal color #cc7056 has RGB values of R:204, G:112, B:86 and CMYK values of C:0, M:0.45, Y:0.58, K:0.2. Its decimal value is 13398102.

Hex triplet	cc7056	`#cc7056`
RGB Decimal	204, 112, 86	`rgb(204,112,86)`
RGB Percent	80, 43.9, 33.7	`rgb(80%,43.9%,33.7%)`
CMYK	0, 45, 58, 20
HSL	13.2°, 53.6, 56.9	`hsl(13.2,53.6%,56.9%)`
HSV (or HSB)	13.2°, 57.8, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	57.173, 33.794, 30.422
XYZ	32.376, 25.1, 11.943
xyY	0.466, 0.362, 25.1
CIE-LCH	57.173, 45.47, 41.994
CIE-LUV	57.173, 69.401, 29.462
Hunter-Lab	50.1, 27.678, 20.936
Binary	11001100, 01110000, 01010110

#cc7056
```
#cc7056 rgb(204,112,86)
```
#56b2cc
```
#56b2cc rgb(86,178,204)
```

Complementary Color

#cc5677
```
#cc5677 rgb(204,86,119)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#ccab56
```
#ccab56 rgb(204,171,86)
```

Analogous Color

#5677cc
```
#5677cc rgb(86,119,204)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#56ccab
```
#56ccab rgb(86,204,171)
```

Split Complementary Color

#7056cc
```
#7056cc rgb(112,86,204)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#56cc70
```
#56cc70 rgb(86,204,112)
```

Triadic Color

#cc56b2
```
#cc56b2 rgb(204,86,178)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#56cc70
```
#56cc70 rgb(86,204,112)
```
#56b2cc
```
#56b2cc rgb(86,178,204)
```

Tetradic Color

#a44b31
```
#a44b31 rgb(164,75,49)
```
#b85437
```
#b85437 rgb(184,84,55)
```
#c65f42
```
#c65f42 rgb(198,95,66)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#d2816a
```
#d2816a rgb(210,129,106)
```
#d8917d
```
#d8917d rgb(216,145,125)
```
#dea291
```
#dea291 rgb(222,162,145)
```

Monochromatic Color

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

#cc5659
```
#cc5659 rgb(204,86,89)
```
#cc5c56
```
#cc5c56 rgb(204,92,86)
```
#cc6656
```
#cc6656 rgb(204,102,86)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#cc7a56
```
#cc7a56 rgb(204,122,86)
```
#cc8456
```
#cc8456 rgb(204,132,86)
```
#cc8e56
```
#cc8e56 rgb(204,142,86)
```

Similar Colors

Text with hexadecimal color #cc7056

This text has a font color of #cc7056.

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

#cc7056 background color

This paragraph has a background color of #cc7056.

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

#cc7056 border color

This element has a border color of #cc7056.

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

CSS codes

.text {color:#cc7056;}

.background {background-color:#cc7056;}

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

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, #0c0504 is the darkest color, while #fefcfc is the lightest one.

#0c0504
```
#0c0504 rgb(12,5,4)
```
#1b0c08
```
#1b0c08 rgb(27,12,8)
```
#2a130d
```
#2a130d rgb(42,19,13)
```
#391a11
```
#391a11 rgb(57,26,17)
```
#482116
```
#482116 rgb(72,33,22)
```
#57281a
```
#57281a rgb(87,40,26)
```
#662f1f
```
#662f1f rgb(102,47,31)
```
#753523
```
#753523 rgb(117,53,35)
```
#843c28
```
#843c28 rgb(132,60,40)
```
#93432c
```
#93432c rgb(147,67,44)
```
#a34a31
```
#a34a31 rgb(163,74,49)
```
#b25136
```
#b25136 rgb(178,81,54)
```
#c1583a
```
#c1583a rgb(193,88,58)
```

Shade Color Variation

#c76347
```
#c76347 rgb(199,99,71)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#d17d65
```
#d17d65 rgb(209,125,101)
```
#d58a74
```
#d58a74 rgb(213,138,116)
```
#da9683
```
#da9683 rgb(218,150,131)
```
#dea392
```
#dea392 rgb(222,163,146)
```
#e3b0a1
```
#e3b0a1 rgb(227,176,161)
```
#e7bdb0
```
#e7bdb0 rgb(231,189,176)
```
#ecc9bf
```
#ecc9bf rgb(236,201,191)
```
#f0d6cf
```
#f0d6cf rgb(240,214,207)
```
#f5e3de
```
#f5e3de rgb(245,227,222)
```
#f9f0ed
```
#f9f0ed rgb(249,240,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#998c89
```
#998c89 rgb(153,140,137)
```
#a28880
```
#a28880 rgb(162,136,128)
```
#aa8378
```
#aa8378 rgb(170,131,120)
```
#b37e6f
```
#b37e6f rgb(179,126,111)
```
#bb7967
```
#bb7967 rgb(187,121,103)
```
#c4755e
```
#c4755e rgb(196,117,94)
```
#cc7056
```
#cc7056 rgb(204,112,86)
```
#d46b4e
```
#d46b4e rgb(212,107,78)
```
#dd6745
```
#dd6745 rgb(221,103,69)
```
#e5623d
```
#e5623d rgb(229,98,61)
```
#ee5d34
```
#ee5d34 rgb(238,93,52)
```
#f6582c
```
#f6582c rgb(246,88,44)
```
#ff5423
```
#ff5423 rgb(255,84,35)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#96847f Atypical Achromatopsia 0.001% of the population

Dichromacy

#9a8f67 Protanopia 1% of men
#ac895a Deuteranopia 1% of men
#d0737b Tritanopia 0.001% of the population

Trichromacy

#ac8361 Protanomaly 1% of men, 0.01% of women
#b78058 Deuteranomaly 6% of men, 0.4% of women
#ce726d Tritanomaly 0.01% of the population

#cc7056 hex color

#cc7056 Color Information

#cc7056 Color Conversion

Color Schemes with #cc7056

Alternatives to #cc7056

#cc7056 Preview

Shades and Tints of #cc7056

Tones of #cc7056

Color Blindness Simulator