#cc0030 hex color

In a RGB color space, hex #cc0030 is composed of 80% red, 0% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 100% magenta, 76.5% yellow and 20% black. It has a hue angle of 345.9 degrees, a saturation of 100% and a lightness of 40%. #cc0030 color hex could be obtained by blending #ff0060 with #990000. Closest websafe color is: #cc0033.

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

● #cc0030 color description : Strong red.

The hexadecimal color #cc0030 has RGB values of R:204, G:0, B:48 and CMYK values of C:0, M:1, Y:0.76, K:0.2. Its decimal value is 13369392.

Hex triplet	cc0030	`#cc0030`
RGB Decimal	204, 0, 48	`rgb(204,0,48)`
RGB Percent	80, 0, 18.8	`rgb(80%,0%,18.8%)`
CMYK	0, 100, 76, 20
HSL	345.9°, 100, 40	`hsl(345.9,100%,40%)`
HSV (or HSB)	345.9°, 100, 80
Web Safe	cc0033	`#cc0033`

CIE-LAB	42.845, 68.573, 35.101
XYZ	25.437, 13.054, 3.977
xyY	0.599, 0.307, 13.054
CIE-LCH	42.845, 77.034, 27.107
CIE-LUV	42.845, 132.844, 19.781
Hunter-Lab	36.13, 62.44, 18.766
Binary	11001100, 00000000, 00110000

#cc0030
```
#cc0030 rgb(204,0,48)
```
#00cc9c
```
#00cc9c rgb(0,204,156)
```

Complementary Color

#cc0096
```
#cc0096 rgb(204,0,150)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#cc3600
```
#cc3600 rgb(204,54,0)
```

Analogous Color

#0096cc
```
#0096cc rgb(0,150,204)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#00cc36
```
#00cc36 rgb(0,204,54)
```

Split Complementary Color

#0030cc
```
#0030cc rgb(0,48,204)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#30cc00
```
#30cc00 rgb(48,204,0)
```

Triadic Color

#9c00cc
```
#9c00cc rgb(156,0,204)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#30cc00
```
#30cc00 rgb(48,204,0)
```
#00cc9c
```
#00cc9c rgb(0,204,156)
```

Tetradic Color

#80001e
```
#80001e rgb(128,0,30)
```
#990024
```
#990024 rgb(153,0,36)
```
#b3002a
```
#b3002a rgb(179,0,42)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#e60036
```
#e60036 rgb(230,0,54)
```
#ff003c
```
#ff003c rgb(255,0,60)
```
#ff1a50
```
#ff1a50 rgb(255,26,80)
```

Monochromatic Color

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

#cc0063
```
#cc0063 rgb(204,0,99)
```
#cc0052
```
#cc0052 rgb(204,0,82)
```
#cc0041
```
#cc0041 rgb(204,0,65)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#cc001f
```
#cc001f rgb(204,0,31)
```
#cc000e
```
#cc000e rgb(204,0,14)
```
#cc0300
```
#cc0300 rgb(204,3,0)
```

Similar Colors

Text with hexadecimal color #cc0030

This text has a font color of #cc0030.

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

#cc0030 background color

This paragraph has a background color of #cc0030.

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

#cc0030 border color

This element has a border color of #cc0030.

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

CSS codes

.text {color:#cc0030;}

.background {background-color:#cc0030;}

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

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

#080002
```
#080002 rgb(8,0,2)
```
#1b0006
```
#1b0006 rgb(27,0,6)
```
#2f000b
```
#2f000b rgb(47,0,11)
```
#430010
```
#430010 rgb(67,0,16)
```
#560014
```
#560014 rgb(86,0,20)
```
#6a0019
```
#6a0019 rgb(106,0,25)
```
#7e001e
```
#7e001e rgb(126,0,30)
```
#910022
```
#910022 rgb(145,0,34)
```
#a50027
```
#a50027 rgb(165,0,39)
```
#b8002b
```
#b8002b rgb(184,0,43)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```
#e00035
```
#e00035 rgb(224,0,53)
```
#f30039
```
#f30039 rgb(243,0,57)
```

Shade Color Variation

#ff0842
```
#ff0842 rgb(255,8,66)
```
#ff1b51
```
#ff1b51 rgb(255,27,81)
```
#ff2f60
```
#ff2f60 rgb(255,47,96)
```
#ff436f
```
#ff436f rgb(255,67,111)
```
#ff567e
```
#ff567e rgb(255,86,126)
```
#ff6a8d
```
#ff6a8d rgb(255,106,141)
```
#ff7e9c
```
#ff7e9c rgb(255,126,156)
```
#ff91ab
```
#ff91ab rgb(255,145,171)
```
#ffa5ba
```
#ffa5ba rgb(255,165,186)
```
#ffb8c9
```
#ffb8c9 rgb(255,184,201)
```
#ffccd8
```
#ffccd8 rgb(255,204,216)
```
#ffe0e7
```
#ffe0e7 rgb(255,224,231)
```
#fff3f6
```
#fff3f6 rgb(255,243,246)
```

Tint Color Variation

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

#6e5e62
```
#6e5e62 rgb(110,94,98)
```
#76565e
```
#76565e rgb(118,86,94)
```
#7e4e5a
```
#7e4e5a rgb(126,78,90)
```
#854755
```
#854755 rgb(133,71,85)
```
#8d3f51
```
#8d3f51 rgb(141,63,81)
```
#95374d
```
#95374d rgb(149,55,77)
```
#9d2f49
```
#9d2f49 rgb(157,47,73)
```
#a52745
```
#a52745 rgb(165,39,69)
```
#ad1f41
```
#ad1f41 rgb(173,31,65)
```
#b4183c
```
#b4183c rgb(180,24,60)
```
#bc1038
```
#bc1038 rgb(188,16,56)
```
#c40834
```
#c40834 rgb(196,8,52)
```
#cc0030
```
#cc0030 rgb(204,0,48)
```

Tone Color Variation

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

#424242 Achromatopsia 0.005% of the population
#5e353e Atypical Achromatopsia 0.001% of the population

Dichromacy

#746d51 Protanopia 1% of men
#86682d Deuteranopia 1% of men
#cd1a12 Tritanopia 0.001% of the population

Trichromacy

#944545 Protanomaly 1% of men, 0.01% of women
#9f422e Deuteranomaly 6% of men, 0.4% of women
#cd101d Tritanomaly 0.01% of the population

#cc0030 hex color

#cc0030 Color Information

#cc0030 Color Conversion

Color Schemes with #cc0030

Alternatives to #cc0030

#cc0030 Preview

Shades and Tints of #cc0030

Tones of #cc0030

Color Blindness Simulator