#cc2445 hex color

In a RGB color space, hex #cc2445 is composed of 80% red, 14.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.4% magenta, 66.2% yellow and 20% black. It has a hue angle of 348.2 degrees, a saturation of 70% and a lightness of 47.1%. #cc2445 color hex could be obtained by blending #ff488a with #990000. Closest websafe color is: #cc3333.

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

● #cc2445 color description : Strong red.

The hexadecimal color #cc2445 has RGB values of R:204, G:36, B:69 and CMYK values of C:0, M:0.82, Y:0.66, K:0.2. Its decimal value is 13378629.

Hex triplet	cc2445	`#cc2445`
RGB Decimal	204, 36, 69	`rgb(204,36,69)`
RGB Percent	80, 14.1, 27.1	`rgb(80%,14.1%,27.1%)`
CMYK	0, 82, 66, 20
HSL	348.2°, 70, 47.1	`hsl(348.2,70%,47.1%)`
HSV (or HSB)	348.2°, 82.4, 80
Web Safe	cc3333	`#cc3333`

CIE-LAB	44.986, 64.213, 24.9
XYZ	26.608, 14.532, 7.034
xyY	0.552, 0.302, 14.532
CIE-LCH	44.986, 68.872, 21.195
CIE-LUV	44.986, 118.572, 13.99
Hunter-Lab	38.121, 57.88, 15.745
Binary	11001100, 00100100, 01000101

#cc2445
```
#cc2445 rgb(204,36,69)
```
#24ccab
```
#24ccab rgb(36,204,171)
```

Complementary Color

#cc2499
```
#cc2499 rgb(204,36,153)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#cc5724
```
#cc5724 rgb(204,87,36)
```

Analogous Color

#2499cc
```
#2499cc rgb(36,153,204)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#24cc57
```
#24cc57 rgb(36,204,87)
```

Split Complementary Color

#2445cc
```
#2445cc rgb(36,69,204)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#45cc24
```
#45cc24 rgb(69,204,36)
```

Triadic Color

#ab24cc
```
#ab24cc rgb(171,36,204)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#45cc24
```
#45cc24 rgb(69,204,36)
```
#24ccab
```
#24ccab rgb(36,204,171)
```

Tetradic Color

#8b192f
```
#8b192f rgb(139,25,47)
```
#a11c36
```
#a11c36 rgb(161,28,54)
```
#b6203e
```
#b6203e rgb(182,32,62)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#da2f51
```
#da2f51 rgb(218,47,81)
```
#de4563
```
#de4563 rgb(222,69,99)
```
#e25b75
```
#e25b75 rgb(226,91,117)
```

Monochromatic Color

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

#cc246f
```
#cc246f rgb(204,36,111)
```
#cc2461
```
#cc2461 rgb(204,36,97)
```
#cc2453
```
#cc2453 rgb(204,36,83)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#cc2437
```
#cc2437 rgb(204,36,55)
```
#cc2429
```
#cc2429 rgb(204,36,41)
```
#cc2d24
```
#cc2d24 rgb(204,45,36)
```

Similar Colors

Text with hexadecimal color #cc2445

This text has a font color of #cc2445.

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

#cc2445 background color

This paragraph has a background color of #cc2445.

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

#cc2445 border color

This element has a border color of #cc2445.

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

CSS codes

.text {color:#cc2445;}

.background {background-color:#cc2445;}

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

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

#040101
```
#040101 rgb(4,1,1)
```
#150407
```
#150407 rgb(21,4,7)
```
#25070d
```
#25070d rgb(37,7,13)
```
#360a12
```
#360a12 rgb(54,10,18)
```
#470c18
```
#470c18 rgb(71,12,24)
```
#570f1e
```
#570f1e rgb(87,15,30)
```
#681223
```
#681223 rgb(104,18,35)
```
#791529
```
#791529 rgb(121,21,41)
```
#89182e
```
#89182e rgb(137,24,46)
```
#9a1b34
```
#9a1b34 rgb(154,27,52)
```
#ab1e3a
```
#ab1e3a rgb(171,30,58)
```
#bb213f
```
#bb213f rgb(187,33,63)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```

Shade Color Variation

#d92a4d
```
#d92a4d rgb(217,42,77)
```
#dc3b5b
```
#dc3b5b rgb(220,59,91)
```
#df4c69
```
#df4c69 rgb(223,76,105)
```
#e25c77
```
#e25c77 rgb(226,92,119)
```
#e56d85
```
#e56d85 rgb(229,109,133)
```
#e87e92
```
#e87e92 rgb(232,126,146)
```
#eb8ea0
```
#eb8ea0 rgb(235,142,160)
```
#ee9fae
```
#ee9fae rgb(238,159,174)
```
#f1b0bc
```
#f1b0bc rgb(241,176,188)
```
#f4c0ca
```
#f4c0ca rgb(244,192,202)
```
#f7d1d8
```
#f7d1d8 rgb(247,209,216)
```
#fae2e6
```
#fae2e6 rgb(250,226,230)
```
#fdf2f4
```
#fdf2f4 rgb(253,242,244)
```

Tint Color Variation

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

#797777
```
#797777 rgb(121,119,119)
```
#826e72
```
#826e72 rgb(130,110,114)
```
#8b656c
```
#8b656c rgb(139,101,108)
```
#955b67
```
#955b67 rgb(149,91,103)
```
#9e5261
```
#9e5261 rgb(158,82,97)
```
#a7495b
```
#a7495b rgb(167,73,91)
```
#b04056
```
#b04056 rgb(176,64,86)
```
#ba3650
```
#ba3650 rgb(186,54,80)
```
#c32d4b
```
#c32d4b rgb(195,45,75)
```
#cc2445
```
#cc2445 rgb(204,36,69)
```
#d51b3f
```
#d51b3f rgb(213,27,63)
```
#de123a
```
#de123a rgb(222,18,58)
```
#e80834
```
#e80834 rgb(232,8,52)
```

Tone Color Variation

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

#5a5a5a Achromatopsia 0.005% of the population
#714f56 Atypical Achromatopsia 0.001% of the population

Dichromacy

#767166 Protanopia 1% of men
#8a6d43 Deuteranopia 1% of men
#cd3536 Tritanopia 0.001% of the population

Trichromacy

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

#cc2445 hex color

#cc2445 Color Information

#cc2445 Color Conversion

Color Schemes with #cc2445

Alternatives to #cc2445

#cc2445 Preview

Shades and Tints of #cc2445

Tones of #cc2445

Color Blindness Simulator