#cc163a hex color

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

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

● #cc163a color description : Strong red.

The hexadecimal color #cc163a has RGB values of R:204, G:22, B:58 and CMYK values of C:0, M:0.89, Y:0.72, K:0.2. Its decimal value is 13375034.

Hex triplet	cc163a	`#cc163a`
RGB Decimal	204, 22, 58	`rgb(204,22,58)`
RGB Percent	80, 8.6, 22.7	`rgb(80%,8.6%,22.7%)`
CMYK	0, 89, 72, 20
HSL	348.1°, 80.5, 44.3	`hsl(348.1,80.5%,44.3%)`
HSV (or HSB)	348.1°, 89.2, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	43.829, 66.5, 30.2
XYZ	25.954, 13.72, 5.284
xyY	0.577, 0.305, 13.72
CIE-LCH	43.829, 73.037, 24.424
CIE-LUV	43.829, 126.167, 17.296
Hunter-Lab	37.04, 60.252, 17.47
Binary	11001100, 00010110, 00111010

#cc163a
```
#cc163a rgb(204,22,58)
```
#16cca8
```
#16cca8 rgb(22,204,168)
```

Complementary Color

#cc1695
```
#cc1695 rgb(204,22,149)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#cc4d16
```
#cc4d16 rgb(204,77,22)
```

Analogous Color

#1695cc
```
#1695cc rgb(22,149,204)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#16cc4d
```
#16cc4d rgb(22,204,77)
```

Split Complementary Color

#163acc
```
#163acc rgb(22,58,204)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#3acc16
```
#3acc16 rgb(58,204,22)
```

Triadic Color

#a816cc
```
#a816cc rgb(168,22,204)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#3acc16
```
#3acc16 rgb(58,204,22)
```
#16cca8
```
#16cca8 rgb(22,204,168)
```

Tetradic Color

#870f26
```
#870f26 rgb(135,15,38)
```
#9e112d
```
#9e112d rgb(158,17,45)
```
#b51433
```
#b51433 rgb(181,20,51)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#e31841
```
#e31841 rgb(227,24,65)
```
#e82d52
```
#e82d52 rgb(232,45,82)
```
#eb4465
```
#eb4465 rgb(235,68,101)
```

Monochromatic Color

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

#cc1668
```
#cc1668 rgb(204,22,104)
```
#cc1658
```
#cc1658 rgb(204,22,88)
```
#cc1649
```
#cc1649 rgb(204,22,73)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#cc162b
```
#cc162b rgb(204,22,43)
```
#cc161c
```
#cc161c rgb(204,22,28)
```
#cc1f16
```
#cc1f16 rgb(204,31,22)
```

Similar Colors

Text with hexadecimal color #cc163a

This text has a font color of #cc163a.

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

#cc163a background color

This paragraph has a background color of #cc163a.

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

#cc163a border color

This element has a border color of #cc163a.

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

CSS codes

.text {color:#cc163a;}

.background {background-color:#cc163a;}

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

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

#090103
```
#090103 rgb(9,1,3)
```
#1b0308
```
#1b0308 rgb(27,3,8)
```
#2d050d
```
#2d050d rgb(45,5,13)
```
#3e0712
```
#3e0712 rgb(62,7,18)
```
#500917
```
#500917 rgb(80,9,23)
```
#620b1c
```
#620b1c rgb(98,11,28)
```
#730c21
```
#730c21 rgb(115,12,33)
```
#850e26
```
#850e26 rgb(133,14,38)
```
#97102b
```
#97102b rgb(151,16,43)
```
#a91230
```
#a91230 rgb(169,18,48)
```
#ba1435
```
#ba1435 rgb(186,20,53)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#de183f
```
#de183f rgb(222,24,63)
```

Shade Color Variation

#e72249
```
#e72249 rgb(231,34,73)
```
#e93458
```
#e93458 rgb(233,52,88)
```
#eb4566
```
#eb4566 rgb(235,69,102)
```
#ed5775
```
#ed5775 rgb(237,87,117)
```
#ef6983
```
#ef6983 rgb(239,105,131)
```
#f17b92
```
#f17b92 rgb(241,123,146)
```
#f38ca1
```
#f38ca1 rgb(243,140,161)
```
#f59eaf
```
#f59eaf rgb(245,158,175)
```
#f6b0be
```
#f6b0be rgb(246,176,190)
```
#f8c1cc
```
#f8c1cc rgb(248,193,204)
```
#fad3db
```
#fad3db rgb(250,211,219)
```
#fce5e9
```
#fce5e9 rgb(252,229,233)
```
#fef7f8
```
#fef7f8 rgb(254,247,248)
```

Tint Color Variation

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

#756d6f
```
#756d6f rgb(117,109,111)
```
#7e6469
```
#7e6469 rgb(126,100,105)
```
#865c64
```
#865c64 rgb(134,92,100)
```
#8f535f
```
#8f535f rgb(143,83,95)
```
#984a5a
```
#984a5a rgb(152,74,90)
```
#a14154
```
#a14154 rgb(161,65,84)
```
#a9394f
```
#a9394f rgb(169,57,79)
```
#b2304a
```
#b2304a rgb(178,48,74)
```
#bb2745
```
#bb2745 rgb(187,39,69)
```
#c31f3f
```
#c31f3f rgb(195,31,63)
```
#cc163a
```
#cc163a rgb(204,22,58)
```
#d50d35
```
#d50d35 rgb(213,13,53)
```
#dd052f
```
#dd052f rgb(221,5,47)
```

Tone Color Variation

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

#515151 Achromatopsia 0.005% of the population
#6a454c Atypical Achromatopsia 0.001% of the population

Dichromacy

#756f5b Protanopia 1% of men
#886a38 Deuteranopia 1% of men
#cd2928 Tritanopia 0.001% of the population

Trichromacy

#954e4f Protanomaly 1% of men, 0.01% of women
#a04b38 Deuteranomaly 6% of men, 0.4% of women
#cd222e Tritanomaly 0.01% of the population

#cc163a hex color

#cc163a Color Information

#cc163a Color Conversion

Color Schemes with #cc163a

Alternatives to #cc163a

#cc163a Preview

Shades and Tints of #cc163a

Tones of #cc163a

Color Blindness Simulator