#cc162a hex color

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

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

● #cc162a color description : Strong red.

The hexadecimal color #cc162a has RGB values of R:204, G:22, B:42 and CMYK values of C:0, M:0.89, Y:0.79, K:0.2. Its decimal value is 13375018.

Hex triplet	cc162a	`#cc162a`
RGB Decimal	204, 22, 42	`rgb(204,22,42)`
RGB Percent	80, 8.6, 16.5	`rgb(80%,8.6%,16.5%)`
CMYK	0, 89, 79, 20
HSL	353.4°, 80.5, 44.3	`hsl(353.4,80.5%,44.3%)`
HSV (or HSB)	353.4°, 89.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.627, 65.923, 39.435
XYZ	25.608, 13.582, 3.464
xyY	0.6, 0.318, 13.582
CIE-LCH	43.627, 76.818, 30.888
CIE-LUV	43.627, 130.134, 23.573
Hunter-Lab	36.853, 59.54, 20.225
Binary	11001100, 00010110, 00101010

#cc162a
```
#cc162a rgb(204,22,42)
```
#16ccb8
```
#16ccb8 rgb(22,204,184)
```

Complementary Color

#cc1685
```
#cc1685 rgb(204,22,133)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#cc5d16
```
#cc5d16 rgb(204,93,22)
```

Analogous Color

#1685cc
```
#1685cc rgb(22,133,204)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#16cc5d
```
#16cc5d rgb(22,204,93)
```

Split Complementary Color

#162acc
```
#162acc rgb(22,42,204)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#2acc16
```
#2acc16 rgb(42,204,22)
```

Triadic Color

#b816cc
```
#b816cc rgb(184,22,204)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#2acc16
```
#2acc16 rgb(42,204,22)
```
#16ccb8
```
#16ccb8 rgb(22,204,184)
```

Tetradic Color

#870f1c
```
#870f1c rgb(135,15,28)
```
#9e1121
```
#9e1121 rgb(158,17,33)
```
#b51425
```
#b51425 rgb(181,20,37)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#e3182f
```
#e3182f rgb(227,24,47)
```
#e82d41
```
#e82d41 rgb(232,45,65)
```
#eb4456
```
#eb4456 rgb(235,68,86)
```

Monochromatic Color

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

#cc1657
```
#cc1657 rgb(204,22,87)
```
#cc1648
```
#cc1648 rgb(204,22,72)
```
#cc1639
```
#cc1639 rgb(204,22,57)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#cc161b
```
#cc161b rgb(204,22,27)
```
#cc2016
```
#cc2016 rgb(204,32,22)
```
#cc3016
```
#cc3016 rgb(204,48,22)
```

Similar Colors

Text with hexadecimal color #cc162a

This text has a font color of #cc162a.

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

#cc162a background color

This paragraph has a background color of #cc162a.

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

#cc162a border color

This element has a border color of #cc162a.

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

CSS codes

.text {color:#cc162a;}

.background {background-color:#cc162a;}

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

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 #fef7f7 is the lightest one.

#090102
```
#090102 rgb(9,1,2)
```
#1b0306
```
#1b0306 rgb(27,3,6)
```
#2d0509
```
#2d0509 rgb(45,5,9)
```
#3e070d
```
#3e070d rgb(62,7,13)
```
#500910
```
#500910 rgb(80,9,16)
```
#620b14
```
#620b14 rgb(98,11,20)
```
#730c18
```
#730c18 rgb(115,12,24)
```
#850e1b
```
#850e1b rgb(133,14,27)
```
#97101f
```
#97101f rgb(151,16,31)
```
#a91223
```
#a91223 rgb(169,18,35)
```
#ba1426
```
#ba1426 rgb(186,20,38)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#de182e
```
#de182e rgb(222,24,46)
```

Shade Color Variation

#e72238
```
#e72238 rgb(231,34,56)
```
#e93448
```
#e93448 rgb(233,52,72)
```
#eb4558
```
#eb4558 rgb(235,69,88)
```
#ed5768
```
#ed5768 rgb(237,87,104)
```
#ef6978
```
#ef6978 rgb(239,105,120)
```
#f17b88
```
#f17b88 rgb(241,123,136)
```
#f38c98
```
#f38c98 rgb(243,140,152)
```
#f59ea8
```
#f59ea8 rgb(245,158,168)
```
#f6b0b7
```
#f6b0b7 rgb(246,176,183)
```
#f8c1c7
```
#f8c1c7 rgb(248,193,199)
```
#fad3d7
```
#fad3d7 rgb(250,211,215)
```
#fce5e7
```
#fce5e7 rgb(252,229,231)
```
#fef7f7
```
#fef7f7 rgb(254,247,247)
```

Tint Color Variation

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

#756d6e
```
#756d6e rgb(117,109,110)
```
#7e6467
```
#7e6467 rgb(126,100,103)
```
#865c60
```
#865c60 rgb(134,92,96)
```
#8f5359
```
#8f5359 rgb(143,83,89)
```
#984a53
```
#984a53 rgb(152,74,83)
```
#a1414c
```
#a1414c rgb(161,65,76)
```
#a93945
```
#a93945 rgb(169,57,69)
```
#b2303e
```
#b2303e rgb(178,48,62)
```
#bb2738
```
#bb2738 rgb(187,39,56)
```
#c31f31
```
#c31f31 rgb(195,31,49)
```
#cc162a
```
#cc162a rgb(204,22,42)
```
#d50d23
```
#d50d23 rgb(213,13,35)
```
#dd051c
```
#dd051c rgb(221,5,28)
```

Tone Color Variation

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

#786e48 Protanopia 1% of men
#896926 Deuteranopia 1% of men
#ce2523 Tritanopia 0.001% of the population

Trichromacy

#964e3d Protanomaly 1% of men, 0.01% of women
#a14b27 Deuteranomaly 6% of men, 0.4% of women
#cd2025 Tritanomaly 0.01% of the population

#cc162a hex color

#cc162a Color Information

#cc162a Color Conversion

Color Schemes with #cc162a

Alternatives to #cc162a

#cc162a Preview

Shades and Tints of #cc162a

Tones of #cc162a

Color Blindness Simulator