#cc5256 hex color

In a RGB color space, hex #cc5256 is composed of 80% red, 32.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 59.8% magenta, 57.8% yellow and 20% black. It has a hue angle of 358 degrees, a saturation of 54.5% and a lightness of 56.1%. #cc5256 color hex could be obtained by blending #ffa4ac with #990000. Closest websafe color is: #cc6666.

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

● #cc5256 color description : Moderate red.

The hexadecimal color #cc5256 has RGB values of R:204, G:82, B:86 and CMYK values of C:0, M:0.6, Y:0.58, K:0.2. Its decimal value is 13390422.

Hex triplet	cc5256	`#cc5256`
RGB Decimal	204, 82, 86	`rgb(204,82,86)`
RGB Percent	80, 32.2, 33.7	`rgb(80%,32.2%,33.7%)`
CMYK	0, 60, 58, 20
HSL	358°, 54.5, 56.1	`hsl(358,54.5%,56.1%)`
HSV (or HSB)	358°, 59.8, 80
Web Safe	cc6666	`#cc6666`

CIE-LAB	51.321, 48.736, 22.872
XYZ	29.6, 19.547, 11.018
xyY	0.492, 0.325, 19.547
CIE-LCH	51.321, 53.836, 25.141
CIE-LUV	51.321, 89.987, 17.363
Hunter-Lab	44.212, 42.136, 16.173
Binary	11001100, 01010010, 01010110

#cc5256
```
#cc5256 rgb(204,82,86)
```
#52ccc8
```
#52ccc8 rgb(82,204,200)
```

Complementary Color

#cc5293
```
#cc5293 rgb(204,82,147)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#cc8b52
```
#cc8b52 rgb(204,139,82)
```

Analogous Color

#5293cc
```
#5293cc rgb(82,147,204)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#52cc8b
```
#52cc8b rgb(82,204,139)
```

Split Complementary Color

#5256cc
```
#5256cc rgb(82,86,204)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#56cc52
```
#56cc52 rgb(86,204,82)
```

Triadic Color

#c852cc
```
#c852cc rgb(200,82,204)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#56cc52
```
#56cc52 rgb(86,204,82)
```
#52ccc8
```
#52ccc8 rgb(82,204,200)
```

Tetradic Color

#a23033
```
#a23033 rgb(162,48,51)
```
#b5363a
```
#b5363a rgb(181,54,58)
```
#c63e43
```
#c63e43 rgb(198,62,67)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#d26669
```
#d26669 rgb(210,102,105)
```
#d8797c
```
#d8797c rgb(216,121,124)
```
#dd8d90
```
#dd8d90 rgb(221,141,144)
```

Monochromatic Color

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

#cc5275
```
#cc5275 rgb(204,82,117)
```
#cc526a
```
#cc526a rgb(204,82,106)
```
#cc5260
```
#cc5260 rgb(204,82,96)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#cc5852
```
#cc5852 rgb(204,88,82)
```
#cc6252
```
#cc6252 rgb(204,98,82)
```
#cc6d52
```
#cc6d52 rgb(204,109,82)
```

Similar Colors

Text with hexadecimal color #cc5256

This text has a font color of #cc5256.

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

#cc5256 background color

This paragraph has a background color of #cc5256.

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

#cc5256 border color

This element has a border color of #cc5256.

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

CSS codes

.text {color:#cc5256;}

.background {background-color:#cc5256;}

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

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

#090303
```
#090303 rgb(9,3,3)
```
#180708
```
#180708 rgb(24,7,8)
```
#270c0c
```
#270c0c rgb(39,12,12)
```
#361011
```
#361011 rgb(54,16,17)
```
#451416
```
#451416 rgb(69,20,22)
```
#55191b
```
#55191b rgb(85,25,27)
```
#641d20
```
#641d20 rgb(100,29,32)
```
#732225
```
#732225 rgb(115,34,37)
```
#822629
```
#822629 rgb(130,38,41)
```
#912b2e
```
#912b2e rgb(145,43,46)
```
#a02f33
```
#a02f33 rgb(160,47,51)
```
#af3438
```
#af3438 rgb(175,52,56)
```
#bf383d
```
#bf383d rgb(191,56,61)
```

Shade Color Variation

#c84347
```
#c84347 rgb(200,67,71)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#d06165
```
#d06165 rgb(208,97,101)
```
#d57074
```
#d57074 rgb(213,112,116)
```
#d97f82
```
#d97f82 rgb(217,127,130)
```
#de8f91
```
#de8f91 rgb(222,143,145)
```
#e29ea0
```
#e29ea0 rgb(226,158,160)
```
#e7adaf
```
#e7adaf rgb(231,173,175)
```
#ebbcbe
```
#ebbcbe rgb(235,188,190)
```
#f0cbcc
```
#f0cbcc rgb(240,203,204)
```
#f4dadb
```
#f4dadb rgb(244,218,219)
```
#f9e9ea
```
#f9e9ea rgb(249,233,234)
```
#fdf9f9
```
#fdf9f9 rgb(253,249,249)
```

Tint Color Variation

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

#908e8e
```
#908e8e rgb(144,142,142)
```
#988686
```
#988686 rgb(152,134,134)
```
#a17d7e
```
#a17d7e rgb(161,125,126)
```
#aa7476
```
#aa7476 rgb(170,116,118)
```
#b26c6e
```
#b26c6e rgb(178,108,110)
```
#bb6366
```
#bb6366 rgb(187,99,102)
```
#c35b5e
```
#c35b5e rgb(195,91,94)
```
#cc5256
```
#cc5256 rgb(204,82,86)
```
#d5494e
```
#d5494e rgb(213,73,78)
```
#dd4146
```
#dd4146 rgb(221,65,70)
```
#e6383e
```
#e6383e rgb(230,56,62)
```
#ee3036
```
#ee3036 rgb(238,48,54)
```
#f7272e
```
#f7272e rgb(247,39,46)
```

Tone Color Variation

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

#777777 Achromatopsia 0.005% of the population
#887070 Atypical Achromatopsia 0.001% of the population

Dichromacy

#87806e Protanopia 1% of men
#9a7b57 Deuteranopia 1% of men
#ce5a60 Tritanopia 0.001% of the population

Trichromacy

#a06f65 Protanomaly 1% of men, 0.01% of women
#ac6c56 Deuteranomaly 6% of men, 0.4% of women
#cd575c Tritanomaly 0.01% of the population

#cc5256 hex color

#cc5256 Color Information

#cc5256 Color Conversion

Color Schemes with #cc5256

Alternatives to #cc5256

#cc5256 Preview

Shades and Tints of #cc5256

Tones of #cc5256

Color Blindness Simulator