#cc5157 hex color

In a RGB color space, hex #cc5157 is composed of 80% red, 31.8% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 60.3% magenta, 57.4% yellow and 20% black. It has a hue angle of 357.1 degrees, a saturation of 54.7% and a lightness of 55.9%. #cc5157 color hex could be obtained by blending #ffa2ae with #990000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 80
- G 32
- B 34
RGB color chart
- C 0
- M 60
- Y 57
- K 20
CMYK color chart

● #cc5157 color description : Moderate red.

The hexadecimal color #cc5157 has RGB values of R:204, G:81, B:87 and CMYK values of C:0, M:0.6, Y:0.57, K:0.2. Its decimal value is 13390167.

Hex triplet	cc5157	`#cc5157`
RGB Decimal	204, 81, 87	`rgb(204,81,87)`
RGB Percent	80, 31.8, 34.1	`rgb(80%,31.8%,34.1%)`
CMYK	0, 60, 57, 20
HSL	357.1°, 54.7, 55.9	`hsl(357.1,54.7%,55.9%)`
HSV (or HSB)	357.1°, 60.3, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.167, 49.267, 22.078
XYZ	29.566, 19.413, 11.207
xyY	0.491, 0.323, 19.413
CIE-LCH	51.167, 53.988, 24.139
CIE-LUV	51.167, 90.378, 16.421
Hunter-Lab	44.06, 42.671, 15.762
Binary	11001100, 01010001, 01010111

#cc5157
```
#cc5157 rgb(204,81,87)
```
#51ccc6
```
#51ccc6 rgb(81,204,198)
```

Complementary Color

#cc5195
```
#cc5195 rgb(204,81,149)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#cc8951
```
#cc8951 rgb(204,137,81)
```

Analogous Color

#5195cc
```
#5195cc rgb(81,149,204)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#51cc89
```
#51cc89 rgb(81,204,137)
```

Split Complementary Color

#5157cc
```
#5157cc rgb(81,87,204)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#57cc51
```
#57cc51 rgb(87,204,81)
```

Triadic Color

#c651cc
```
#c651cc rgb(198,81,204)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#57cc51
```
#57cc51 rgb(87,204,81)
```
#51ccc6
```
#51ccc6 rgb(81,204,198)
```

Tetradic Color

#a12f35
```
#a12f35 rgb(161,47,53)
```
#b5353b
```
#b5353b rgb(181,53,59)
```
#c63d44
```
#c63d44 rgb(198,61,68)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#d2656a
```
#d2656a rgb(210,101,106)
```
#d8787d
```
#d8787d rgb(216,120,125)
```
#dd8c90
```
#dd8c90 rgb(221,140,144)
```

Monochromatic Color

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

#cc5176
```
#cc5176 rgb(204,81,118)
```
#cc516c
```
#cc516c rgb(204,81,108)
```
#cc5161
```
#cc5161 rgb(204,81,97)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#cc5551
```
#cc5551 rgb(204,85,81)
```
#cc6051
```
#cc6051 rgb(204,96,81)
```
#cc6a51
```
#cc6a51 rgb(204,106,81)
```

Similar Colors

Text with hexadecimal color #cc5157

This text has a font color of #cc5157.

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

#cc5157 background color

This paragraph has a background color of #cc5157.

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

#cc5157 border color

This element has a border color of #cc5157.

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

CSS codes

.text {color:#cc5157;}

.background {background-color:#cc5157;}

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

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

#080203
```
#080203 rgb(8,2,3)
```
#170708
```
#170708 rgb(23,7,8)
```
#260b0d
```
#260b0d rgb(38,11,13)
```
#361012
```
#361012 rgb(54,16,18)
```
#451417
```
#451417 rgb(69,20,23)
```
#54191b
```
#54191b rgb(84,25,27)
```
#631d20
```
#631d20 rgb(99,29,32)
```
#722125
```
#722125 rgb(114,33,37)
```
#81262a
```
#81262a rgb(129,38,42)
```
#912a2f
```
#912a2f rgb(145,42,47)
```
#a02f34
```
#a02f34 rgb(160,47,52)
```
#af3339
```
#af3339 rgb(175,51,57)
```
#be383e
```
#be383e rgb(190,56,62)
```

Shade Color Variation

#c84248
```
#c84248 rgb(200,66,72)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#d06066
```
#d06066 rgb(208,96,102)
```
#d56f74
```
#d56f74 rgb(213,111,116)
```
#d97f83
```
#d97f83 rgb(217,127,131)
```
#de8e92
```
#de8e92 rgb(222,142,146)
```
#e29da0
```
#e29da0 rgb(226,157,160)
```
#e7acaf
```
#e7acaf rgb(231,172,175)
```
#ebbbbe
```
#ebbbbe rgb(235,187,190)
```
#f0cacc
```
#f0cacc rgb(240,202,204)
```
#f4dadb
```
#f4dadb rgb(244,218,219)
```
#f8e9e9
```
#f8e9e9 rgb(248,233,233)
```
#fdf8f8
```
#fdf8f8 rgb(253,248,248)
```

Tint Color Variation

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

#8f8e8e
```
#8f8e8e rgb(143,142,142)
```
#988586
```
#988586 rgb(152,133,134)
```
#a17c7e
```
#a17c7e rgb(161,124,126)
```
#a97476
```
#a97476 rgb(169,116,118)
```
#b26b6e
```
#b26b6e rgb(178,107,110)
```
#bb6267
```
#bb6267 rgb(187,98,103)
```
#c35a5f
```
#c35a5f rgb(195,90,95)
```
#cc5157
```
#cc5157 rgb(204,81,87)
```
#d5484f
```
#d5484f rgb(213,72,79)
```
#dd4047
```
#dd4047 rgb(221,64,71)
```
#e63740
```
#e63740 rgb(230,55,64)
```
#ef2e38
```
#ef2e38 rgb(239,46,56)
```
#f72630
```
#f72630 rgb(247,38,48)
```

Tone Color Variation

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

#767676 Achromatopsia 0.005% of the population
#876f70 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87806f Protanopia 1% of men
#997b58 Deuteranopia 1% of men
#ce5a5f Tritanopia 0.001% of the population

Trichromacy

#a06f66 Protanomaly 1% of men, 0.01% of women
#ab6c57 Deuteranomaly 6% of men, 0.4% of women
#cd565c Tritanomaly 0.01% of the population

#cc5157 hex color

#cc5157 Color Information

#cc5157 Color Conversion

Color Schemes with #cc5157

Alternatives to #cc5157

#cc5157 Preview

Shades and Tints of #cc5157

Tones of #cc5157

Color Blindness Simulator