colorhexa.com

#cc7771 hex color

In a RGB color space, hex #cc7771 is composed of 80% red, 46.7% green and 44.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.7% magenta, 44.6% yellow and 20% black. It has a hue angle of 4 degrees, a saturation of 47.2% and a lightness of 62.2%. #cc7771 color hex could be obtained by blending #ffeee2 with #990000. Closest websafe color is: #cc6666.

- R 80
- G 47
- B 44
RGB color chart
- C 0
- M 42
- Y 45
- K 20
CMYK color chart

● #cc7771 color description : Slightly desaturated red.

The hexadecimal color #cc7771 has RGB values of R:204, G:119, B:113 and CMYK values of C:0, M:0.42, Y:0.45, K:0.2. Its decimal value is 13399921.

Hex triplet	cc7771	`#cc7771`
RGB Decimal	204, 119, 113	`rgb(204,119,113)`
RGB Percent	80, 46.7, 44.3	`rgb(80%,46.7%,44.3%)`
CMYK	0, 42, 45, 20
HSL	4°, 47.2, 62.2	`hsl(4,47.2%,62.2%)`
HSV (or HSB)	4°, 44.6, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	59.183, 32.535, 17.744
XYZ	34.48, 27.226, 19.061
xyY	0.427, 0.337, 27.226
CIE-LCH	59.183, 37.059, 28.607
CIE-LUV	59.183, 59.99, 16.679
Hunter-Lab	52.178, 26.642, 14.866
Binary	11001100, 01110111, 01110001

#cc7771
```
#cc7771 rgb(204,119,113)
```
#71c6cc
```
#71c6cc rgb(113,198,204)
```

Complementary Color

#cc7199
```
#cc7199 rgb(204,113,153)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#cca571
```
#cca571 rgb(204,165,113)
```

Analogous Color

#7199cc
```
#7199cc rgb(113,153,204)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#71cca5
```
#71cca5 rgb(113,204,165)
```

Split Complementary Color

#7771cc
```
#7771cc rgb(119,113,204)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#71cc77
```
#71cc77 rgb(113,204,119)
```

Triadic Color

#cc71c6
```
#cc71c6 rgb(204,113,198)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#71cc77
```
#71cc77 rgb(113,204,119)
```
#71c6cc
```
#71c6cc rgb(113,198,204)
```

Tetradic Color

#b14740
```
#b14740 rgb(177,71,64)
```
#bf534b
```
#bf534b rgb(191,83,75)
```
#c5655e
```
#c5655e rgb(197,101,94)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#d38984
```
#d38984 rgb(211,137,132)
```
#d99b97
```
#d99b97 rgb(217,155,151)
```
#e0ada9
```
#e0ada9 rgb(224,173,169)
```

Monochromatic Color

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

#cc7182
```
#cc7182 rgb(204,113,130)
```
#cc717a
```
#cc717a rgb(204,113,122)
```
#cc7173
```
#cc7173 rgb(204,113,115)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#cc7f71
```
#cc7f71 rgb(204,127,113)
```
#cc8671
```
#cc8671 rgb(204,134,113)
```
#cc8e71
```
#cc8e71 rgb(204,142,113)
```

Similar Colors

Text with hexadecimal color #cc7771

This text has a font color of #cc7771.

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

#cc7771 background color

This paragraph has a background color of #cc7771.

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

#cc7771 border color

This element has a border color of #cc7771.

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

CSS codes

.text {color:#cc7771;}

.background {background-color:#cc7771;}

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

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

#020101
```
#020101 rgb(2,1,1)
```
#110706
```
#110706 rgb(17,7,6)
```
#1f0d0b
```
#1f0d0b rgb(31,13,11)
```
#2e1210
```
#2e1210 rgb(46,18,16)
```
#3c1816
```
#3c1816 rgb(60,24,22)
```
#4a1e1b
```
#4a1e1b rgb(74,30,27)
```
#592420
```
#592420 rgb(89,36,32)
```
#672925
```
#672925 rgb(103,41,37)
```
#762f2a
```
#762f2a rgb(118,47,42)
```
#84352f
```
#84352f rgb(132,53,47)
```
#933b35
```
#933b35 rgb(147,59,53)
```
#a1413a
```
#a1413a rgb(161,65,58)
```
#b0463f
```
#b0463f rgb(176,70,63)
```

Shade Color Variation

#bc4e46
```
#bc4e46 rgb(188,78,70)
```
#c25b54
```
#c25b54 rgb(194,91,84)
```
#c76963
```
#c76963 rgb(199,105,99)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#d1857f
```
#d1857f rgb(209,133,127)
```
#d6938e
```
#d6938e rgb(214,147,142)
```
#dca09c
```
#dca09c rgb(220,160,156)
```
#e1aeab
```
#e1aeab rgb(225,174,171)
```
#e6bcb9
```
#e6bcb9 rgb(230,188,185)
```
#ebcac8
```
#ebcac8 rgb(235,202,200)
```
#f0d8d6
```
#f0d8d6 rgb(240,216,214)
```
#f5e6e4
```
#f5e6e4 rgb(245,230,228)
```
#fbf3f3
```
#fbf3f3 rgb(251,243,243)
```

Tint Color Variation

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

#9f9e9e
```
#9f9e9e rgb(159,158,158)
```
#a79796
```
#a79796 rgb(167,151,150)
```
#ae918f
```
#ae918f rgb(174,145,143)
```
#b68a87
```
#b68a87 rgb(182,138,135)
```
#bd8480
```
#bd8480 rgb(189,132,128)
```
#c57d78
```
#c57d78 rgb(197,125,120)
```
#cc7771
```
#cc7771 rgb(204,119,113)
```
#d3716a
```
#d3716a rgb(211,113,106)
```
#db6a62
```
#db6a62 rgb(219,106,98)
```
#e2645b
```
#e2645b rgb(226,100,91)
```
#ea5d53
```
#ea5d53 rgb(234,93,83)
```
#f1574c
```
#f1574c rgb(241,87,76)
```
#f95044
```
#f95044 rgb(249,80,68)
```

Tone Color Variation

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

#909090 Achromatopsia 0.005% of the population
#9c8b8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9382 Protanopia 1% of men
#ad8e74 Deuteranopia 1% of men
#cf7c84 Tritanopia 0.001% of the population

Trichromacy

#ac897b Protanomaly 1% of men, 0.01% of women
#b88672 Deuteranomaly 6% of men, 0.4% of women
#ce7a7d Tritanomaly 0.01% of the population