#cc1245 hex color

In a RGB color space, hex #cc1245 is composed of 80% red, 7.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 91.2% magenta, 66.2% yellow and 20% black. It has a hue angle of 343.5 degrees, a saturation of 83.8% and a lightness of 43.5%. #cc1245 color hex could be obtained by blending #ff248a with #990000. Closest websafe color is: #cc0033.

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

● #cc1245 color description : Strong pink.

The hexadecimal color #cc1245 has RGB values of R:204, G:18, B:69 and CMYK values of C:0, M:0.91, Y:0.66, K:0.2. Its decimal value is 13374021.

Hex triplet	cc1245	`#cc1245`
RGB Decimal	204, 18, 69	`rgb(204,18,69)`
RGB Percent	80, 7.1, 27.1	`rgb(80%,7.1%,27.1%)`
CMYK	0, 91, 66, 20
HSL	343.5°, 83.8, 43.5	`hsl(343.5,83.8%,43.5%)`
HSV (or HSB)	343.5°, 91.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.804, 67.603, 23.39
XYZ	26.194, 13.703, 6.896
xyY	0.56, 0.293, 13.703
CIE-LCH	43.804, 71.535, 19.085
CIE-LUV	43.804, 123.703, 11.521
Hunter-Lab	37.017, 61.526, 14.868
Binary	11001100, 00010010, 01000101

#cc1245
```
#cc1245 rgb(204,18,69)
```
#12cc99
```
#12cc99 rgb(18,204,153)
```

Complementary Color

#cc12a2
```
#cc12a2 rgb(204,18,162)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#cc3c12
```
#cc3c12 rgb(204,60,18)
```

Analogous Color

#12a2cc
```
#12a2cc rgb(18,162,204)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#12cc3c
```
#12cc3c rgb(18,204,60)
```

Split Complementary Color

#1245cc
```
#1245cc rgb(18,69,204)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#45cc12
```
#45cc12 rgb(69,204,18)
```

Triadic Color

#9912cc
```
#9912cc rgb(153,18,204)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#45cc12
```
#45cc12 rgb(69,204,18)
```
#12cc99
```
#12cc99 rgb(18,204,153)
```

Tetradic Color

#860c2d
```
#860c2d rgb(134,12,45)
```
#9d0e35
```
#9d0e35 rgb(157,14,53)
```
#b5103d
```
#b5103d rgb(181,16,61)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#e3144d
```
#e3144d rgb(227,20,77)
```
#ec255c
```
#ec255c rgb(236,37,92)
```
#ee3d6d
```
#ee3d6d rgb(238,61,109)
```

Monochromatic Color

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

#cc1274
```
#cc1274 rgb(204,18,116)
```
#cc1264
```
#cc1264 rgb(204,18,100)
```
#cc1255
```
#cc1255 rgb(204,18,85)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#cc1236
```
#cc1236 rgb(204,18,54)
```
#cc1226
```
#cc1226 rgb(204,18,38)
```
#cc1217
```
#cc1217 rgb(204,18,23)
```

Similar Colors

Text with hexadecimal color #cc1245

This text has a font color of #cc1245.

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

#cc1245 background color

This paragraph has a background color of #cc1245.

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

#cc1245 border color

This element has a border color of #cc1245.

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

CSS codes

.text {color:#cc1245;}

.background {background-color:#cc1245;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#180208
```
#180208 rgb(24,2,8)
```
#2a040e
```
#2a040e rgb(42,4,14)
```
#3c0514
```
#3c0514 rgb(60,5,20)
```
#4e071a
```
#4e071a rgb(78,7,26)
```
#600820
```
#600820 rgb(96,8,32)
```
#720a27
```
#720a27 rgb(114,10,39)
```
#840c2d
```
#840c2d rgb(132,12,45)
```
#960d33
```
#960d33 rgb(150,13,51)
```
#a80f39
```
#a80f39 rgb(168,15,57)
```
#ba103f
```
#ba103f rgb(186,16,63)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#de144b
```
#de144b rgb(222,20,75)
```

Shade Color Variation

#eb1a54
```
#eb1a54 rgb(235,26,84)
```
#ec2c61
```
#ec2c61 rgb(236,44,97)
```
#ee3e6f
```
#ee3e6f rgb(238,62,111)
```
#f0507c
```
#f0507c rgb(240,80,124)
```
#f1638a
```
#f1638a rgb(241,99,138)
```
#f37597
```
#f37597 rgb(243,117,151)
```
#f487a5
```
#f487a5 rgb(244,135,165)
```
#f699b2
```
#f699b2 rgb(246,153,178)
```
#f8abc0
```
#f8abc0 rgb(248,171,192)
```
#f9bdcd
```
#f9bdcd rgb(249,189,205)
```
#fbcfdb
```
#fbcfdb rgb(251,207,219)
```
#fce1e8
```
#fce1e8 rgb(252,225,232)
```
#fef3f6
```
#fef3f6 rgb(254,243,246)
```

Tint Color Variation

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

#77676c
```
#77676c rgb(119,103,108)
```
#7f5f68
```
#7f5f68 rgb(127,95,104)
```
#885664
```
#885664 rgb(136,86,100)
```
#904e60
```
#904e60 rgb(144,78,96)
```
#99455c
```
#99455c rgb(153,69,92)
```
#a13d58
```
#a13d58 rgb(161,61,88)
```
#aa3454
```
#aa3454 rgb(170,52,84)
```
#b22c51
```
#b22c51 rgb(178,44,81)
```
#bb234d
```
#bb234d rgb(187,35,77)
```
#c31b49
```
#c31b49 rgb(195,27,73)
```
#cc1245
```
#cc1245 rgb(204,18,69)
```
#d50941
```
#d50941 rgb(213,9,65)
```
#dd013d
```
#dd013d rgb(221,1,61)
```

Tone Color Variation

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

#4f4f4f Achromatopsia 0.005% of the population
#68434d Atypical Achromatopsia 0.001% of the population

Dichromacy

#726e69 Protanopia 1% of men
#866a43 Deuteranopia 1% of men
#cd2a29 Tritanopia 0.001% of the population

Trichromacy

#934d5c Protanomaly 1% of men, 0.01% of women
#9f4a43 Deuteranomaly 6% of men, 0.4% of women
#cc2133 Tritanomaly 0.01% of the population

#cc1245 hex color

#cc1245 Color Information

#cc1245 Color Conversion

Color Schemes with #cc1245

Alternatives to #cc1245

#cc1245 Preview

Shades and Tints of #cc1245

Tones of #cc1245

Color Blindness Simulator