#cc0318 hex color

In a RGB color space, hex #cc0318 is composed of 80% red, 1.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 98.5% magenta, 88.2% yellow and 20% black. It has a hue angle of 353.7 degrees, a saturation of 97.1% and a lightness of 40.6%. #cc0318 color hex could be obtained by blending #ff0630 with #990000. Closest websafe color is: #cc0000.

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

● #cc0318 color description : Strong red.

The hexadecimal color #cc0318 has RGB values of R:204, G:3, B:24 and CMYK values of C:0, M:0.99, Y:0.88, K:0.2. Its decimal value is 13370136.

Hex triplet	cc0318	`#cc0318`
RGB Decimal	204, 3, 24	`rgb(204,3,24)`
RGB Percent	80, 1.2, 9.4	`rgb(80%,1.2%,9.4%)`
CMYK	0, 99, 88, 20
HSL	353.7°, 97.1, 40.6	`hsl(353.7,97.1%,40.6%)`
HSV (or HSB)	353.7°, 98.5, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	42.721, 67.682, 48.068
XYZ	25.101, 12.972, 2.046
xyY	0.626, 0.323, 12.972
CIE-LCH	42.721, 83.015, 35.383
CIE-LUV	42.721, 137.054, 27.024
Hunter-Lab	36.016, 61.372, 21.843
Binary	11001100, 00000011, 00011000

#cc0318
```
#cc0318 rgb(204,3,24)
```
#03ccb7
```
#03ccb7 rgb(3,204,183)
```

Complementary Color

#cc037d
```
#cc037d rgb(204,3,125)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#cc5303
```
#cc5303 rgb(204,83,3)
```

Analogous Color

#037dcc
```
#037dcc rgb(3,125,204)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#03cc53
```
#03cc53 rgb(3,204,83)
```

Split Complementary Color

#0318cc
```
#0318cc rgb(3,24,204)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#18cc03
```
#18cc03 rgb(24,204,3)
```

Triadic Color

#b703cc
```
#b703cc rgb(183,3,204)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#18cc03
```
#18cc03 rgb(24,204,3)
```
#03ccb7
```
#03ccb7 rgb(3,204,183)
```

Tetradic Color

#81020f
```
#81020f rgb(129,2,15)
```
#9a0212
```
#9a0212 rgb(154,2,18)
```
#b30315
```
#b30315 rgb(179,3,21)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#e5031b
```
#e5031b rgb(229,3,27)
```
#fb0720
```
#fb0720 rgb(251,7,32)
```
#fc2037
```
#fc2037 rgb(252,32,55)
```

Monochromatic Color

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

#cc034a
```
#cc034a rgb(204,3,74)
```
#cc0339
```
#cc0339 rgb(204,3,57)
```
#cc0329
```
#cc0329 rgb(204,3,41)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#cc0307
```
#cc0307 rgb(204,3,7)
```
#cc1003
```
#cc1003 rgb(204,16,3)
```
#cc2003
```
#cc2003 rgb(204,32,3)
```

Similar Colors

Text with hexadecimal color #cc0318

This text has a font color of #cc0318.

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

#cc0318 background color

This paragraph has a background color of #cc0318.

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

#cc0318 border color

This element has a border color of #cc0318.

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

CSS codes

.text {color:#cc0318;}

.background {background-color:#cc0318;}

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

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

#0b0001
```
#0b0001 rgb(11,0,1)
```
#1e0004
```
#1e0004 rgb(30,0,4)
```
#310106
```
#310106 rgb(49,1,6)
```
#450108
```
#450108 rgb(69,1,8)
```
#58010a
```
#58010a rgb(88,1,10)
```
#6b020d
```
#6b020d rgb(107,2,13)
```
#7f020f
```
#7f020f rgb(127,2,15)
```
#920211
```
#920211 rgb(146,2,17)
```
#a50213
```
#a50213 rgb(165,2,19)
```
#b90316
```
#b90316 rgb(185,3,22)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```
#df031a
```
#df031a rgb(223,3,26)
```
#f3041d
```
#f3041d rgb(243,4,29)
```

Shade Color Variation

#fb0e27
```
#fb0e27 rgb(251,14,39)
```
#fc2238
```
#fc2238 rgb(252,34,56)
```
#fc354a
```
#fc354a rgb(252,53,74)
```
#fc485b
```
#fc485b rgb(252,72,91)
```
#fd5c6d
```
#fd5c6d rgb(253,92,109)
```
#fd6f7e
```
#fd6f7e rgb(253,111,126)
```
#fd828f
```
#fd828f rgb(253,130,143)
```
#fd96a1
```
#fd96a1 rgb(253,150,161)
```
#fea9b2
```
#fea9b2 rgb(254,169,178)
```
#febcc3
```
#febcc3 rgb(254,188,195)
```
#fed0d5
```
#fed0d5 rgb(254,208,213)
```
#ffe3e6
```
#ffe3e6 rgb(255,227,230)
```
#fff6f7
```
#fff6f7 rgb(255,246,247)
```

Tint Color Variation

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

#6c6364
```
#6c6364 rgb(108,99,100)
```
#745b5d
```
#745b5d rgb(116,91,93)
```
#7c5357
```
#7c5357 rgb(124,83,87)
```
#844b51
```
#844b51 rgb(132,75,81)
```
#8c434a
```
#8c434a rgb(140,67,74)
```
#943b44
```
#943b44 rgb(148,59,68)
```
#9c333e
```
#9c333e rgb(156,51,62)
```
#a42b37
```
#a42b37 rgb(164,43,55)
```
#ac2331
```
#ac2331 rgb(172,35,49)
```
#b41b2b
```
#b41b2b rgb(180,27,43)
```
#bc1325
```
#bc1325 rgb(188,19,37)
```
#c40b1e
```
#c40b1e rgb(196,11,30)
```
#cc0318
```
#cc0318 rgb(204,3,24)
```

Tone Color Variation

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

#414141 Achromatopsia 0.005% of the population
#5d3539 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c35 Protanopia 1% of men
#886700 Deuteranopia 1% of men
#ce1500 Tritanopia 0.001% of the population

Trichromacy

#96462a Protanomaly 1% of men, 0.01% of women
#a04308 Deuteranomaly 6% of men, 0.4% of women
#cd0e08 Tritanomaly 0.01% of the population

#cc0318 hex color

#cc0318 Color Information

#cc0318 Color Conversion

Color Schemes with #cc0318

Alternatives to #cc0318

#cc0318 Preview

Shades and Tints of #cc0318

Tones of #cc0318

Color Blindness Simulator