colorhexa.com

#cc5f53 hex color

In a RGB color space, hex #cc5f53 is composed of 80% red, 37.3% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 53.4% magenta, 59.3% yellow and 20% black. It has a hue angle of 6 degrees, a saturation of 54.3% and a lightness of 56.3%. #cc5f53 color hex could be obtained by blending #ffbea6 with #990000. Closest websafe color is: #cc6666.

- R 80
- G 37
- B 33
RGB color chart
- C 0
- M 53
- Y 59
- K 20
CMYK color chart

● #cc5f53 color description : Moderate red.

The hexadecimal color #cc5f53 has RGB values of R:204, G:95, B:83 and CMYK values of C:0, M:0.53, Y:0.59, K:0.2. Its decimal value is 13393747.

Hex triplet	cc5f53	`#cc5f53`
RGB Decimal	204, 95, 83	`rgb(204,95,83)`
RGB Percent	80, 37.3, 32.5	`rgb(80%,37.3%,32.5%)`
CMYK	0, 53, 59, 20
HSL	6°, 54.3, 56.3	`hsl(6,54.3%,56.3%)`
HSV (or HSB)	6°, 59.3, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	53.653, 42.297, 27.646
XYZ	30.556, 21.649, 10.753
xyY	0.485, 0.344, 21.649
CIE-LCH	53.653, 50.53, 33.17
CIE-LUV	53.653, 81.981, 24.004
Hunter-Lab	46.529, 35.8, 18.868
Binary	11001100, 01011111, 01010011

#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#53c0cc
```
#53c0cc rgb(83,192,204)
```

Complementary Color

#cc5384
```
#cc5384 rgb(204,83,132)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#cc9c53
```
#cc9c53 rgb(204,156,83)
```

Analogous Color

#5384cc
```
#5384cc rgb(83,132,204)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#53cc9c
```
#53cc9c rgb(83,204,156)
```

Split Complementary Color

#5f53cc
```
#5f53cc rgb(95,83,204)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#53cc5f
```
#53cc5f rgb(83,204,95)
```

Triadic Color

#cc53c0
```
#cc53c0 rgb(204,83,192)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#53cc5f
```
#53cc5f rgb(83,204,95)
```
#53c0cc
```
#53c0cc rgb(83,192,204)
```

Tetradic Color

#a23b30
```
#a23b30 rgb(162,59,48)
```
#b64336
```
#b64336 rgb(182,67,54)
```
#c64d3f
```
#c64d3f rgb(198,77,63)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#d27167
```
#d27167 rgb(210,113,103)
```
#d8847a
```
#d8847a rgb(216,132,122)
```
#dd968e
```
#dd968e rgb(221,150,142)
```

Monochromatic Color

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

#cc5365
```
#cc5365 rgb(204,83,101)
```
#cc535b
```
#cc535b rgb(204,83,91)
```
#cc5553
```
#cc5553 rgb(204,85,83)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#cc6953
```
#cc6953 rgb(204,105,83)
```
#cc7353
```
#cc7353 rgb(204,115,83)
```
#cc7d53
```
#cc7d53 rgb(204,125,83)
```

Similar Colors

Text with hexadecimal color #cc5f53

This text has a font color of #cc5f53.

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

#cc5f53 background color

This paragraph has a background color of #cc5f53.

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

#cc5f53 border color

This element has a border color of #cc5f53.

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

CSS codes

.text {color:#cc5f53;}

.background {background-color:#cc5f53;}

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

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

#0a0303
```
#0a0303 rgb(10,3,3)
```
#190907
```
#190907 rgb(25,9,7)
```
#280f0c
```
#280f0c rgb(40,15,12)
```
#371410
```
#371410 rgb(55,20,16)
```
#461a15
```
#461a15 rgb(70,26,21)
```
#551f19
```
#551f19 rgb(85,31,25)
```
#64251e
```
#64251e rgb(100,37,30)
```
#732a22
```
#732a22 rgb(115,42,34)
```
#833027
```
#833027 rgb(131,48,39)
```
#92352b
```
#92352b rgb(146,53,43)
```
#a13b30
```
#a13b30 rgb(161,59,48)
```
#b04034
```
#b04034 rgb(176,64,52)
```
#bf4639
```
#bf4639 rgb(191,70,57)
```

Shade Color Variation

#c85144
```
#c85144 rgb(200,81,68)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#d06d62
```
#d06d62 rgb(208,109,98)
```
#d57b71
```
#d57b71 rgb(213,123,113)
```
#d98980
```
#d98980 rgb(217,137,128)
```
#de9790
```
#de9790 rgb(222,151,144)
```
#e2a59f
```
#e2a59f rgb(226,165,159)
```
#e7b3ae
```
#e7b3ae rgb(231,179,174)
```
#ebc2bd
```
#ebc2bd rgb(235,194,189)
```
#f0d0cc
```
#f0d0cc rgb(240,208,204)
```
#f4dedb
```
#f4dedb rgb(244,222,219)
```
#f9ecea
```
#f9ecea rgb(249,236,234)
```
#fdfaf9
```
#fdfaf9 rgb(253,250,249)
```

Tint Color Variation

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

#908f8f
```
#908f8f rgb(144,143,143)
```
#998886
```
#998886 rgb(153,136,134)
```
#a1817e
```
#a1817e rgb(161,129,126)
```
#aa7b75
```
#aa7b75 rgb(170,123,117)
```
#b2746d
```
#b2746d rgb(178,116,109)
```
#bb6d64
```
#bb6d64 rgb(187,109,100)
```
#c3665c
```
#c3665c rgb(195,102,92)
```
#cc5f53
```
#cc5f53 rgb(204,95,83)
```
#d5584a
```
#d5584a rgb(213,88,74)
```
#dd5142
```
#dd5142 rgb(221,81,66)
```
#e64a39
```
#e64a39 rgb(230,74,57)
```
#ee4331
```
#ee4331 rgb(238,67,49)
```
#f73d28
```
#f73d28 rgb(247,61,40)
```

Tone Color Variation

Below, you can see how #cc5f53 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
#8e7875 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8f8667 Protanopia 1% of men
#a18155 Deuteranopia 1% of men
#cf656b Tritanopia 0.001% of the population

Trichromacy

#a57860 Protanomaly 1% of men, 0.01% of women
#b17454 Deuteranomaly 6% of men, 0.4% of women
#ce6262 Tritanomaly 0.01% of the population