#cc2345 hex color

In a RGB color space, hex #cc2345 is composed of 80% red, 13.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.8% magenta, 66.2% yellow and 20% black. It has a hue angle of 347.9 degrees, a saturation of 70.7% and a lightness of 46.9%. #cc2345 color hex could be obtained by blending #ff468a with #990000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 80
- G 14
- B 27
RGB color chart
- C 0
- M 83
- Y 66
- K 20
CMYK color chart

● #cc2345 color description : Strong red.

The hexadecimal color #cc2345 has RGB values of R:204, G:35, B:69 and CMYK values of C:0, M:0.83, Y:0.66, K:0.2. Its decimal value is 13378373.

Hex triplet	cc2345	`#cc2345`
RGB Decimal	204, 35, 69	`rgb(204,35,69)`
RGB Percent	80, 13.7, 27.1	`rgb(80%,13.7%,27.1%)`
CMYK	0, 83, 66, 20
HSL	347.9°, 70.7, 46.9	`hsl(347.9,70.7%,46.9%)`
HSV (or HSB)	347.9°, 82.8, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.903, 64.451, 24.794
XYZ	26.578, 14.472, 7.024
xyY	0.553, 0.301, 14.472
CIE-LCH	44.903, 69.056, 21.041
CIE-LUV	44.903, 118.932, 13.817
Hunter-Lab	38.043, 58.134, 15.683
Binary	11001100, 00100011, 01000101

#cc2345
```
#cc2345 rgb(204,35,69)
```
#23ccaa
```
#23ccaa rgb(35,204,170)
```

Complementary Color

#cc239a
```
#cc239a rgb(204,35,154)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#cc5623
```
#cc5623 rgb(204,86,35)
```

Analogous Color

#239acc
```
#239acc rgb(35,154,204)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#23cc56
```
#23cc56 rgb(35,204,86)
```

Split Complementary Color

#2345cc
```
#2345cc rgb(35,69,204)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#45cc23
```
#45cc23 rgb(69,204,35)
```

Triadic Color

#aa23cc
```
#aa23cc rgb(170,35,204)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#45cc23
```
#45cc23 rgb(69,204,35)
```
#23ccaa
```
#23ccaa rgb(35,204,170)
```

Tetradic Color

#8b182f
```
#8b182f rgb(139,24,47)
```
#a01c36
```
#a01c36 rgb(160,28,54)
```
#b61f3e
```
#b61f3e rgb(182,31,62)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#db2d50
```
#db2d50 rgb(219,45,80)
```
#df4363
```
#df4363 rgb(223,67,99)
```
#e35975
```
#e35975 rgb(227,89,117)
```

Monochromatic Color

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

#cc236f
```
#cc236f rgb(204,35,111)
```
#cc2361
```
#cc2361 rgb(204,35,97)
```
#cc2353
```
#cc2353 rgb(204,35,83)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#cc2337
```
#cc2337 rgb(204,35,55)
```
#cc2329
```
#cc2329 rgb(204,35,41)
```
#cc2b23
```
#cc2b23 rgb(204,43,35)
```

Similar Colors

Text with hexadecimal color #cc2345

This text has a font color of #cc2345.

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

#cc2345 background color

This paragraph has a background color of #cc2345.

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

#cc2345 border color

This element has a border color of #cc2345.

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

CSS codes

.text {color:#cc2345;}

.background {background-color:#cc2345;}

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

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

#030101
```
#030101 rgb(3,1,1)
```
#140307
```
#140307 rgb(20,3,7)
```
#25060c
```
#25060c rgb(37,6,12)
```
#350912
```
#350912 rgb(53,9,18)
```
#460c18
```
#460c18 rgb(70,12,24)
```
#570f1d
```
#570f1d rgb(87,15,29)
```
#681223
```
#681223 rgb(104,18,35)
```
#781529
```
#781529 rgb(120,21,41)
```
#89182e
```
#89182e rgb(137,24,46)
```
#9a1a34
```
#9a1a34 rgb(154,26,52)
```
#ab1d3a
```
#ab1d3a rgb(171,29,58)
```
#bb203f
```
#bb203f rgb(187,32,63)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```

Shade Color Variation

#da284c
```
#da284c rgb(218,40,76)
```
#dd395a
```
#dd395a rgb(221,57,90)
```
#e04a68
```
#e04a68 rgb(224,74,104)
```
#e35b76
```
#e35b76 rgb(227,91,118)
```
#e66b84
```
#e66b84 rgb(230,107,132)
```
#e97c92
```
#e97c92 rgb(233,124,146)
```
#eb8da0
```
#eb8da0 rgb(235,141,160)
```
#ee9eae
```
#ee9eae rgb(238,158,174)
```
#f1aebc
```
#f1aebc rgb(241,174,188)
```
#f4bfca
```
#f4bfca rgb(244,191,202)
```
#f7d0d8
```
#f7d0d8 rgb(247,208,216)
```
#fae1e6
```
#fae1e6 rgb(250,225,230)
```
#fdf1f4
```
#fdf1f4 rgb(253,241,244)
```

Tint Color Variation

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

#797676
```
#797676 rgb(121,118,118)
```
#826d71
```
#826d71 rgb(130,109,113)
```
#8c636b
```
#8c636b rgb(140,99,107)
```
#955a66
```
#955a66 rgb(149,90,102)
```
#9e5160
```
#9e5160 rgb(158,81,96)
```
#a7485b
```
#a7485b rgb(167,72,91)
```
#b03f55
```
#b03f55 rgb(176,63,85)
```
#ba3550
```
#ba3550 rgb(186,53,80)
```
#c32c4a
```
#c32c4a rgb(195,44,74)
```
#cc2345
```
#cc2345 rgb(204,35,69)
```
#d51a40
```
#d51a40 rgb(213,26,64)
```
#de113a
```
#de113a rgb(222,17,58)
```
#e80735
```
#e80735 rgb(232,7,53)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#704e55 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767166 Protanopia 1% of men
#896d43 Deuteranopia 1% of men
#cd3435 Tritanopia 0.001% of the population

Trichromacy

#95555a Protanomaly 1% of men, 0.01% of women
#a15244 Deuteranomaly 6% of men, 0.4% of women
#cd2e3a Tritanomaly 0.01% of the population

#cc2345 hex color

#cc2345 Color Information

#cc2345 Color Conversion

Color Schemes with #cc2345

Alternatives to #cc2345

#cc2345 Preview

Shades and Tints of #cc2345

Tones of #cc2345

Color Blindness Simulator