#cc5f55 hex color

In a RGB color space, hex #cc5f55 is composed of 80% red, 37.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.4% magenta, 58.3% yellow and 20% black. It has a hue angle of 5 degrees, a saturation of 53.8% and a lightness of 56.7%. #cc5f55 color hex could be obtained by blending #ffbeaa with #990000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 80
- G 37
- B 33
RGB color chart
- C 0
- M 53
- Y 58
- K 20
CMYK color chart

● #cc5f55 color description : Moderate red.

The hexadecimal color #cc5f55 has RGB values of R:204, G:95, B:85 and CMYK values of C:0, M:0.53, Y:0.58, K:0.2. Its decimal value is 13393749.

Hex triplet	cc5f55	`#cc5f55`
RGB Decimal	204, 95, 85	`rgb(204,95,85)`
RGB Percent	80, 37.3, 33.3	`rgb(80%,37.3%,33.3%)`
CMYK	0, 53, 58, 20
HSL	5°, 53.8, 56.7	`hsl(5,53.8%,56.7%)`
HSV (or HSB)	5°, 58.3, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.686, 42.444, 26.536
XYZ	30.635, 21.68, 11.165
xyY	0.483, 0.342, 21.68
CIE-LCH	53.686, 50.057, 32.014
CIE-LUV	53.686, 81.585, 22.915
Hunter-Lab	46.562, 35.956, 18.376
Binary	11001100, 01011111, 01010101

#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#55c2cc
```
#55c2cc rgb(85,194,204)
```

Complementary Color

#cc5587
```
#cc5587 rgb(204,85,135)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#cc9b55
```
#cc9b55 rgb(204,155,85)
```

Analogous Color

#5587cc
```
#5587cc rgb(85,135,204)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#55cc9b
```
#55cc9b rgb(85,204,155)
```

Split Complementary Color

#5f55cc
```
#5f55cc rgb(95,85,204)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#55cc5f
```
#55cc5f rgb(85,204,95)
```

Triadic Color

#cc55c2
```
#cc55c2 rgb(204,85,194)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#55cc5f
```
#55cc5f rgb(85,204,95)
```
#55c2cc
```
#55c2cc rgb(85,194,204)
```

Tetradic Color

#a33b31
```
#a33b31 rgb(163,59,49)
```
#b74237
```
#b74237 rgb(183,66,55)
```
#c64d41
```
#c64d41 rgb(198,77,65)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#d27169
```
#d27169 rgb(210,113,105)
```
#d8847c
```
#d8847c rgb(216,132,124)
```
#de9690
```
#de9690 rgb(222,150,144)
```

Monochromatic Color

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

#cc5569
```
#cc5569 rgb(204,85,105)
```
#cc555f
```
#cc555f rgb(204,85,95)
```
#cc5555
```
#cc5555 rgb(204,85,85)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#cc6955
```
#cc6955 rgb(204,105,85)
```
#cc7355
```
#cc7355 rgb(204,115,85)
```
#cc7d55
```
#cc7d55 rgb(204,125,85)
```

Similar Colors

Text with hexadecimal color #cc5f55

This text has a font color of #cc5f55.

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

#cc5f55 background color

This paragraph has a background color of #cc5f55.

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

#cc5f55 border color

This element has a border color of #cc5f55.

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

CSS codes

.text {color:#cc5f55;}

.background {background-color:#cc5f55;}

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

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

#0b0403
```
#0b0403 rgb(11,4,3)
```
#1a0908
```
#1a0908 rgb(26,9,8)
```
#290f0c
```
#290f0c rgb(41,15,12)
```
#381411
```
#381411 rgb(56,20,17)
```
#471a15
```
#471a15 rgb(71,26,21)
```
#571f1a
```
#571f1a rgb(87,31,26)
```
#66241e
```
#66241e rgb(102,36,30)
```
#752a23
```
#752a23 rgb(117,42,35)
```
#842f28
```
#842f28 rgb(132,47,40)
```
#93352c
```
#93352c rgb(147,53,44)
```
#a23a31
```
#a23a31 rgb(162,58,49)
```
#b14035
```
#b14035 rgb(177,64,53)
```
#c0453a
```
#c0453a rgb(192,69,58)
```

Shade Color Variation

#c75146
```
#c75146 rgb(199,81,70)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#d16d64
```
#d16d64 rgb(209,109,100)
```
#d57b73
```
#d57b73 rgb(213,123,115)
```
#da8a82
```
#da8a82 rgb(218,138,130)
```
#de9891
```
#de9891 rgb(222,152,145)
```
#e3a6a0
```
#e3a6a0 rgb(227,166,160)
```
#e7b4b0
```
#e7b4b0 rgb(231,180,176)
```
#ecc2bf
```
#ecc2bf rgb(236,194,191)
```
#f0d1ce
```
#f0d1ce rgb(240,209,206)
```
#f5dfdd
```
#f5dfdd rgb(245,223,221)
```
#f9edec
```
#f9edec rgb(249,237,236)
```
#fefbfb
```
#fefbfb rgb(254,251,251)
```

Tint Color Variation

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

#919191
```
#919191 rgb(145,145,145)
```
#998988
```
#998988 rgb(153,137,136)
```
#a28280
```
#a28280 rgb(162,130,128)
```
#aa7b77
```
#aa7b77 rgb(170,123,119)
```
#b3746f
```
#b3746f rgb(179,116,111)
```
#bb6d66
```
#bb6d66 rgb(187,109,102)
```
#c4665e
```
#c4665e rgb(196,102,94)
```
#cc5f55
```
#cc5f55 rgb(204,95,85)
```
#d5584d
```
#d5584d rgb(213,88,77)
```
#dd5144
```
#dd5144 rgb(221,81,68)
```
#e64a3c
```
#e64a3c rgb(230,74,60)
```
#ee4333
```
#ee4333 rgb(238,67,51)
```
#f73c2b
```
#f73c2b rgb(247,60,43)
```

Tone Color Variation

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

#7e7e7e Achromatopsia 0.005% of the population
#8e7876 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f866a Protanopia 1% of men
#a18157 Deuteranopia 1% of men
#cf656b Tritanopia 0.001% of the population

Trichromacy

#a57862 Protanomaly 1% of men, 0.01% of women
#b17456 Deuteranomaly 6% of men, 0.4% of women
#ce6263 Tritanomaly 0.01% of the population

#cc5f55 hex color

#cc5f55 Color Information

#cc5f55 Color Conversion

Color Schemes with #cc5f55

Alternatives to #cc5f55

#cc5f55 Preview

Shades and Tints of #cc5f55

Tones of #cc5f55

Color Blindness Simulator