#cc2301 hex color

In a RGB color space, hex #cc2301 is composed of 80% red, 13.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.8% magenta, 99.5% yellow and 20% black. It has a hue angle of 10 degrees, a saturation of 99% and a lightness of 40.2%. #cc2301 color hex could be obtained by blending #ff4602 with #990000. Closest websafe color is: #cc3300.

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

● #cc2301 color description : Strong red.

The hexadecimal color #cc2301 has RGB values of R:204, G:35, B:1 and CMYK values of C:0, M:0.83, Y:1, K:0.2. Its decimal value is 13378305.

Hex triplet	cc2301	`#cc2301`
RGB Decimal	204, 35, 1	`rgb(204,35,1)`
RGB Percent	80, 13.7, 0.4	`rgb(80%,13.7%,0.4%)`
CMYK	0, 83, 100, 20
HSL	10°, 99, 40.2	`hsl(10,99%,40.2%)`
HSV (or HSB)	10°, 99.5, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.297, 62.62, 57.145
XYZ	25.51, 14.045, 1.397
xyY	0.623, 0.343, 14.045
CIE-LCH	44.297, 84.775, 42.383
CIE-LUV	44.297, 130.527, 33.13
Hunter-Lab	37.477, 55.918, 24.024
Binary	11001100, 00100011, 00000001

#cc2301
```
#cc2301 rgb(204,35,1)
```
#01aacc
```
#01aacc rgb(1,170,204)
```

Complementary Color

#cc0145
```
#cc0145 rgb(204,1,69)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#cc8901
```
#cc8901 rgb(204,137,1)
```

Analogous Color

#0145cc
```
#0145cc rgb(1,69,204)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#01cc89
```
#01cc89 rgb(1,204,137)
```

Split Complementary Color

#2301cc
```
#2301cc rgb(35,1,204)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#01cc23
```
#01cc23 rgb(1,204,35)
```

Triadic Color

#cc01aa
```
#cc01aa rgb(204,1,170)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#01cc23
```
#01cc23 rgb(1,204,35)
```
#01aacc
```
#01aacc rgb(1,170,204)
```

Tetradic Color

#801601
```
#801601 rgb(128,22,1)
```
#991a01
```
#991a01 rgb(153,26,1)
```
#b31f01
```
#b31f01 rgb(179,31,1)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#e52701
```
#e52701 rgb(229,39,1)
```
#fe2c02
```
#fe2c02 rgb(254,44,2)
```
#fe421c
```
#fe421c rgb(254,66,28)
```

Monochromatic Color

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

#cc0112
```
#cc0112 rgb(204,1,18)
```
#cc0101
```
#cc0101 rgb(204,1,1)
```
#cc1201
```
#cc1201 rgb(204,18,1)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#cc3401
```
#cc3401 rgb(204,52,1)
```
#cc4501
```
#cc4501 rgb(204,69,1)
```
#cc5601
```
#cc5601 rgb(204,86,1)
```

Similar Colors

Text with hexadecimal color #cc2301

This text has a font color of #cc2301.

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

#cc2301 background color

This paragraph has a background color of #cc2301.

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

#cc2301 border color

This element has a border color of #cc2301.

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

CSS codes

.text {color:#cc2301;}

.background {background-color:#cc2301;}

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

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

#090200
```
#090200 rgb(9,2,0)
```
#1c0500
```
#1c0500 rgb(28,5,0)
```
#300800
```
#300800 rgb(48,8,0)
```
#430c00
```
#430c00 rgb(67,12,0)
```
#570f00
```
#570f00 rgb(87,15,0)
```
#6a1201
```
#6a1201 rgb(106,18,1)
```
#7e1601
```
#7e1601 rgb(126,22,1)
```
#911901
```
#911901 rgb(145,25,1)
```
#a51c01
```
#a51c01 rgb(165,28,1)
```
#b82001
```
#b82001 rgb(184,32,1)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```
#e02601
```
#e02601 rgb(224,38,1)
```
#f32a01
```
#f32a01 rgb(243,42,1)
```

Shade Color Variation

#fe330a
```
#fe330a rgb(254,51,10)
```
#fe431e
```
#fe431e rgb(254,67,30)
```
#fe5331
```
#fe5331 rgb(254,83,49)
```
#fe6445
```
#fe6445 rgb(254,100,69)
```
#fe7458
```
#fe7458 rgb(254,116,88)
```
#fe846c
```
#fe846c rgb(254,132,108)
```
#fe947f
```
#fe947f rgb(254,148,127)
```
#fea593
```
#fea593 rgb(254,165,147)
```
#ffb5a6
```
#ffb5a6 rgb(255,181,166)
```
#ffc5ba
```
#ffc5ba rgb(255,197,186)
```
#ffd6cd
```
#ffd6cd rgb(255,214,205)
```
#ffe6e1
```
#ffe6e1 rgb(255,230,225)
```
#fff6f4
```
#fff6f4 rgb(255,246,244)
```

Tint Color Variation

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

#6d6260
```
#6d6260 rgb(109,98,96)
```
#755d58
```
#755d58 rgb(117,93,88)
```
#7d5750
```
#7d5750 rgb(125,87,80)
```
#855248
```
#855248 rgb(133,82,72)
```
#8d4d40
```
#8d4d40 rgb(141,77,64)
```
#954838
```
#954838 rgb(149,72,56)
```
#9d4230
```
#9d4230 rgb(157,66,48)
```
#a53d28
```
#a53d28 rgb(165,61,40)
```
#ac3821
```
#ac3821 rgb(172,56,33)
```
#b43319
```
#b43319 rgb(180,51,25)
```
#bc2d11
```
#bc2d11 rgb(188,45,17)
```
#c42809
```
#c42809 rgb(196,40,9)
```
#cc2301
```
#cc2301 rgb(204,35,1)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#6a4942 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d701c Protanopia 1% of men
#8c6b00 Deuteranopia 1% of men
#cf2b2b Tritanopia 0.001% of the population

Trichromacy

#9a5412 Protanomaly 1% of men, 0.01% of women
#a35100 Deuteranomaly 6% of men, 0.4% of women
#cd281b Tritanomaly 0.01% of the population

#cc2301 hex color

#cc2301 Color Information

#cc2301 Color Conversion

Color Schemes with #cc2301

Alternatives to #cc2301

#cc2301 Preview

Shades and Tints of #cc2301

Tones of #cc2301

Color Blindness Simulator