#cc1002 hex color

In a RGB color space, hex #cc1002 is composed of 80% red, 6.3% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 92.2% magenta, 99% yellow and 20% black. It has a hue angle of 4.2 degrees, a saturation of 98.1% and a lightness of 40.4%. #cc1002 color hex could be obtained by blending #ff2004 with #990000. Closest websafe color is: #cc0000.

♥
- f
- t
- g
- R 80
- G 6
- B 1
RGB color chart
- C 0
- M 92
- Y 99
- K 20
CMYK color chart

● #cc1002 color description : Strong red.

The hexadecimal color #cc1002 has RGB values of R:204, G:16, B:2 and CMYK values of C:0, M:0.92, Y:0.99, K:0.2. Its decimal value is 13373442.

Hex triplet	cc1002	`#cc1002`
RGB Decimal	204, 16, 2	`rgb(204,16,2)`
RGB Percent	80, 6.3, 0.8	`rgb(80%,6.3%,0.8%)`
CMYK	0, 92, 99, 20
HSL	4.2°, 98.1, 40.4	`hsl(4.2,98.1%,40.4%)`
HSV (or HSB)	4.2°, 99, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	43.086, 66.101, 56.317
XYZ	25.1, 13.216, 1.287
xyY	0.634, 0.334, 13.216
CIE-LCH	43.086, 86.838, 40.431
CIE-LUV	43.086, 136.705, 30.91
Hunter-Lab	36.353, 59.624, 23.349
Binary	11001100, 00010000, 00000010

#cc1002
```
#cc1002 rgb(204,16,2)
```
#02becc
```
#02becc rgb(2,190,204)
```

Complementary Color

#cc0259
```
#cc0259 rgb(204,2,89)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#cc7502
```
#cc7502 rgb(204,117,2)
```

Analogous Color

#0259cc
```
#0259cc rgb(2,89,204)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#02cc75
```
#02cc75 rgb(2,204,117)
```

Split Complementary Color

#1002cc
```
#1002cc rgb(16,2,204)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#02cc10
```
#02cc10 rgb(2,204,16)
```

Triadic Color

#cc02be
```
#cc02be rgb(204,2,190)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#02cc10
```
#02cc10 rgb(2,204,16)
```
#02becc
```
#02becc rgb(2,190,204)
```

Tetradic Color

#800a01
```
#800a01 rgb(128,10,1)
```
#990c02
```
#990c02 rgb(153,12,2)
```
#b30e02
```
#b30e02 rgb(179,14,2)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#e51202
```
#e51202 rgb(229,18,2)
```
#fd1604
```
#fd1604 rgb(253,22,4)
```
#fd2d1e
```
#fd2d1e rgb(253,45,30)
```

Monochromatic Color

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

#cc0227
```
#cc0227 rgb(204,2,39)
```
#cc0216
```
#cc0216 rgb(204,2,22)
```
#cc0205
```
#cc0205 rgb(204,2,5)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#cc2102
```
#cc2102 rgb(204,33,2)
```
#cc3202
```
#cc3202 rgb(204,50,2)
```
#cc4302
```
#cc4302 rgb(204,67,2)
```

Similar Colors

Text with hexadecimal color #cc1002

This text has a font color of #cc1002.

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

#cc1002 background color

This paragraph has a background color of #cc1002.

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

#cc1002 border color

This element has a border color of #cc1002.

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

CSS codes

.text {color:#cc1002;}

.background {background-color:#cc1002;}

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

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, #0a0100 is the darkest color, while #fff6f5 is the lightest one.

#0a0100
```
#0a0100 rgb(10,1,0)
```
#1d0200
```
#1d0200 rgb(29,2,0)
```
#310400
```
#310400 rgb(49,4,0)
```
#440501
```
#440501 rgb(68,5,1)
```
#570701
```
#570701 rgb(87,7,1)
```
#6b0801
```
#6b0801 rgb(107,8,1)
```
#7e0a01
```
#7e0a01 rgb(126,10,1)
```
#920b01
```
#920b01 rgb(146,11,1)
```
#a50d02
```
#a50d02 rgb(165,13,2)
```
#b90e02
```
#b90e02 rgb(185,14,2)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```
#df1202
```
#df1202 rgb(223,18,2)
```
#f31302
```
#f31302 rgb(243,19,2)
```

Shade Color Variation

#fd1d0c
```
#fd1d0c rgb(253,29,12)
```
#fd2f20
```
#fd2f20 rgb(253,47,32)
```
#fd4133
```
#fd4133 rgb(253,65,51)
```
#fd5347
```
#fd5347 rgb(253,83,71)
```
#fd655a
```
#fd655a rgb(253,101,90)
```
#fe776d
```
#fe776d rgb(254,119,109)
```
#fe8981
```
#fe8981 rgb(254,137,129)
```
#fe9c94
```
#fe9c94 rgb(254,156,148)
```
#feaea8
```
#feaea8 rgb(254,174,168)
```
#fec0bb
```
#fec0bb rgb(254,192,187)
```
#ffd2ce
```
#ffd2ce rgb(255,210,206)
```
#ffe4e2
```
#ffe4e2 rgb(255,228,226)
```
#fff6f5
```
#fff6f5 rgb(255,246,245)
```

Tint Color Variation

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

#6d6261
```
#6d6261 rgb(109,98,97)
```
#755b59
```
#755b59 rgb(117,91,89)
```
#7d5451
```
#7d5451 rgb(125,84,81)
```
#854d49
```
#854d49 rgb(133,77,73)
```
#8d4741
```
#8d4741 rgb(141,71,65)
```
#954039
```
#954039 rgb(149,64,57)
```
#9c3932
```
#9c3932 rgb(156,57,50)
```
#a4322a
```
#a4322a rgb(164,50,42)
```
#ac2b22
```
#ac2b22 rgb(172,43,34)
```
#b4241a
```
#b4241a rgb(180,36,26)
```
#bc1e12
```
#bc1e12 rgb(188,30,18)
```
#c4170a
```
#c4170a rgb(196,23,10)
```
#cc1002
```
#cc1002 rgb(204,16,2)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#623c39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6d1e Protanopia 1% of men
#886800 Deuteranopia 1% of men
#ce1b15 Tritanopia 0.001% of the population

Trichromacy

#984b14 Protanomaly 1% of men, 0.01% of women
#a14800 Deuteranomaly 6% of men, 0.4% of women
#cd170e Tritanomaly 0.01% of the population

#cc1002 hex color

#cc1002 Color Information

#cc1002 Color Conversion

Color Schemes with #cc1002

Alternatives to #cc1002

#cc1002 Preview

Shades and Tints of #cc1002

Tones of #cc1002

Color Blindness Simulator