#cc162e hex color

In a RGB color space, hex #cc162e is composed of 80% red, 8.6% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 89.2% magenta, 77.5% yellow and 20% black. It has a hue angle of 352.1 degrees, a saturation of 80.5% and a lightness of 44.3%. #cc162e color hex could be obtained by blending #ff2c5c with #990000. Closest websafe color is: #cc0033.

♥
- f
- t
- g
- R 80
- G 9
- B 18
RGB color chart
- C 0
- M 89
- Y 77
- K 20
CMYK color chart

● #cc162e color description : Strong red.

The hexadecimal color #cc162e has RGB values of R:204, G:22, B:46 and CMYK values of C:0, M:0.89, Y:0.77, K:0.2. Its decimal value is 13375022.

Hex triplet	cc162e	`#cc162e`
RGB Decimal	204, 22, 46	`rgb(204,22,46)`
RGB Percent	80, 8.6, 18	`rgb(80%,8.6%,18%)`
CMYK	0, 89, 77, 20
HSL	352.1°, 80.5, 44.3	`hsl(352.1,80.5%,44.3%)`
HSV (or HSB)	352.1°, 89.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.671, 66.049, 37.182
XYZ	25.683, 13.612, 3.86
xyY	0.595, 0.315, 13.612
CIE-LCH	43.671, 75.796, 29.377
CIE-LUV	43.671, 129.25, 22.177
Hunter-Lab	36.894, 59.695, 19.623
Binary	11001100, 00010110, 00101110

#cc162e
```
#cc162e rgb(204,22,46)
```
#16ccb4
```
#16ccb4 rgb(22,204,180)
```

Complementary Color

#cc1689
```
#cc1689 rgb(204,22,137)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#cc5916
```
#cc5916 rgb(204,89,22)
```

Analogous Color

#1689cc
```
#1689cc rgb(22,137,204)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#16cc59
```
#16cc59 rgb(22,204,89)
```

Split Complementary Color

#162ecc
```
#162ecc rgb(22,46,204)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#2ecc16
```
#2ecc16 rgb(46,204,22)
```

Triadic Color

#b416cc
```
#b416cc rgb(180,22,204)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#2ecc16
```
#2ecc16 rgb(46,204,22)
```
#16ccb4
```
#16ccb4 rgb(22,204,180)
```

Tetradic Color

#870f1e
```
#870f1e rgb(135,15,30)
```
#9e1124
```
#9e1124 rgb(158,17,36)
```
#b51429
```
#b51429 rgb(181,20,41)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#e31833
```
#e31833 rgb(227,24,51)
```
#e82d45
```
#e82d45 rgb(232,45,69)
```
#eb445a
```
#eb445a rgb(235,68,90)
```

Monochromatic Color

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

#cc165c
```
#cc165c rgb(204,22,92)
```
#cc164c
```
#cc164c rgb(204,22,76)
```
#cc163d
```
#cc163d rgb(204,22,61)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#cc161f
```
#cc161f rgb(204,22,31)
```
#cc1c16
```
#cc1c16 rgb(204,28,22)
```
#cc2b16
```
#cc2b16 rgb(204,43,22)
```

Similar Colors

Text with hexadecimal color #cc162e

This text has a font color of #cc162e.

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

#cc162e background color

This paragraph has a background color of #cc162e.

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

#cc162e border color

This element has a border color of #cc162e.

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

CSS codes

.text {color:#cc162e;}

.background {background-color:#cc162e;}

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

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

#090102
```
#090102 rgb(9,1,2)
```
#1b0306
```
#1b0306 rgb(27,3,6)
```
#2d050a
```
#2d050a rgb(45,5,10)
```
#3e070e
```
#3e070e rgb(62,7,14)
```
#500912
```
#500912 rgb(80,9,18)
```
#620b16
```
#620b16 rgb(98,11,22)
```
#730c1a
```
#730c1a rgb(115,12,26)
```
#850e1e
```
#850e1e rgb(133,14,30)
```
#971022
```
#971022 rgb(151,16,34)
```
#a91226
```
#a91226 rgb(169,18,38)
```
#ba142a
```
#ba142a rgb(186,20,42)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#de1832
```
#de1832 rgb(222,24,50)
```

Shade Color Variation

#e7223c
```
#e7223c rgb(231,34,60)
```
#e9344c
```
#e9344c rgb(233,52,76)
```
#eb455b
```
#eb455b rgb(235,69,91)
```
#ed576b
```
#ed576b rgb(237,87,107)
```
#ef697b
```
#ef697b rgb(239,105,123)
```
#f17b8a
```
#f17b8a rgb(241,123,138)
```
#f38c9a
```
#f38c9a rgb(243,140,154)
```
#f59ea9
```
#f59ea9 rgb(245,158,169)
```
#f6b0b9
```
#f6b0b9 rgb(246,176,185)
```
#f8c1c9
```
#f8c1c9 rgb(248,193,201)
```
#fad3d8
```
#fad3d8 rgb(250,211,216)
```
#fce5e8
```
#fce5e8 rgb(252,229,232)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#756d6e
```
#756d6e rgb(117,109,110)
```
#7e6468
```
#7e6468 rgb(126,100,104)
```
#865c61
```
#865c61 rgb(134,92,97)
```
#8f535b
```
#8f535b rgb(143,83,91)
```
#984a54
```
#984a54 rgb(152,74,84)
```
#a1414e
```
#a1414e rgb(161,65,78)
```
#a93948
```
#a93948 rgb(169,57,72)
```
#b23041
```
#b23041 rgb(178,48,65)
```
#bb273b
```
#bb273b rgb(187,39,59)
```
#c31f34
```
#c31f34 rgb(195,31,52)
```
#cc162e
```
#cc162e rgb(204,22,46)
```
#d50d28
```
#d50d28 rgb(213,13,40)
```
#dd0521
```
#dd0521 rgb(221,5,33)
```

Tone Color Variation

Below, you can see how #cc162e 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
#684448 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776f4d Protanopia 1% of men
#89692b Deuteranopia 1% of men
#ce2624 Tritanopia 0.001% of the population

Trichromacy

#964e41 Protanomaly 1% of men, 0.01% of women
#a14b2c Deuteranomaly 6% of men, 0.4% of women
#cd2028 Tritanomaly 0.01% of the population

#cc162e hex color

#cc162e Color Information

#cc162e Color Conversion

Color Schemes with #cc162e

Alternatives to #cc162e

#cc162e Preview

Shades and Tints of #cc162e

Tones of #cc162e

Color Blindness Simulator