#cc0018 hex color

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

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

● #cc0018 color description : Strong red.

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

Hex triplet	cc0018	`#cc0018`
RGB Decimal	204, 0, 24	`rgb(204,0,24)`
RGB Percent	80, 0, 9.4	`rgb(80%,0%,9.4%)`
CMYK	0, 100, 88, 20
HSL	352.9°, 100, 40	`hsl(352.9,100%,40%)`
HSV (or HSB)	352.9°, 100, 80
Web Safe	cc0000	`#cc0000`

CIE-LAB	42.622, 67.968, 47.993
XYZ	25.068, 12.907, 2.035
xyY	0.627, 0.323, 12.907
CIE-LCH	42.622, 83.204, 35.226
CIE-LUV	42.622, 137.56, 26.845
Hunter-Lab	35.926, 61.682, 21.789
Binary	11001100, 00000000, 00011000

#cc0018
```
#cc0018 rgb(204,0,24)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```

Complementary Color

#cc007e
```
#cc007e rgb(204,0,126)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#cc4e00
```
#cc4e00 rgb(204,78,0)
```

Analogous Color

#007ecc
```
#007ecc rgb(0,126,204)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#00cc4e
```
#00cc4e rgb(0,204,78)
```

Split Complementary Color

#0018cc
```
#0018cc rgb(0,24,204)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#18cc00
```
#18cc00 rgb(24,204,0)
```

Triadic Color

#b400cc
```
#b400cc rgb(180,0,204)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#18cc00
```
#18cc00 rgb(24,204,0)
```
#00ccb4
```
#00ccb4 rgb(0,204,180)
```

Tetradic Color

#80000f
```
#80000f rgb(128,0,15)
```
#990012
```
#990012 rgb(153,0,18)
```
#b30015
```
#b30015 rgb(179,0,21)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#e6001b
```
#e6001b rgb(230,0,27)
```
#ff001e
```
#ff001e rgb(255,0,30)
```
#ff1a34
```
#ff1a34 rgb(255,26,52)
```

Monochromatic Color

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

#cc004b
```
#cc004b rgb(204,0,75)
```
#cc003a
```
#cc003a rgb(204,0,58)
```
#cc0029
```
#cc0029 rgb(204,0,41)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#cc0007
```
#cc0007 rgb(204,0,7)
```
#cc0a00
```
#cc0a00 rgb(204,10,0)
```
#cc1b00
```
#cc1b00 rgb(204,27,0)
```

Similar Colors

Text with hexadecimal color #cc0018

This text has a font color of #cc0018.

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

#cc0018 background color

This paragraph has a background color of #cc0018.

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

#cc0018 border color

This element has a border color of #cc0018.

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

CSS codes

.text {color:#cc0018;}

.background {background-color:#cc0018;}

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

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

#080001
```
#080001 rgb(8,0,1)
```
#1b0003
```
#1b0003 rgb(27,0,3)
```
#2f0006
```
#2f0006 rgb(47,0,6)
```
#430008
```
#430008 rgb(67,0,8)
```
#56000a
```
#56000a rgb(86,0,10)
```
#6a000c
```
#6a000c rgb(106,0,12)
```
#7e000f
```
#7e000f rgb(126,0,15)
```
#910011
```
#910011 rgb(145,0,17)
```
#a50013
```
#a50013 rgb(165,0,19)
```
#b80016
```
#b80016 rgb(184,0,22)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```
#e0001a
```
#e0001a rgb(224,0,26)
```
#f3001d
```
#f3001d rgb(243,0,29)
```

Shade Color Variation

#ff0825
```
#ff0825 rgb(255,8,37)
```
#ff1b36
```
#ff1b36 rgb(255,27,54)
```
#ff2f48
```
#ff2f48 rgb(255,47,72)
```
#ff4359
```
#ff4359 rgb(255,67,89)
```
#ff566a
```
#ff566a rgb(255,86,106)
```
#ff6a7b
```
#ff6a7b rgb(255,106,123)
```
#ff7e8d
```
#ff7e8d rgb(255,126,141)
```
#ff919e
```
#ff919e rgb(255,145,158)
```
#ffa5af
```
#ffa5af rgb(255,165,175)
```
#ffb8c1
```
#ffb8c1 rgb(255,184,193)
```
#ffccd2
```
#ffccd2 rgb(255,204,210)
```
#ffe0e3
```
#ffe0e3 rgb(255,224,227)
```
#fff3f5
```
#fff3f5 rgb(255,243,245)
```

Tint Color Variation

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

#6e5e60
```
#6e5e60 rgb(110,94,96)
```
#76565a
```
#76565a rgb(118,86,90)
```
#7e4e54
```
#7e4e54 rgb(126,78,84)
```
#85474e
```
#85474e rgb(133,71,78)
```
#8d3f48
```
#8d3f48 rgb(141,63,72)
```
#953742
```
#953742 rgb(149,55,66)
```
#9d2f3c
```
#9d2f3c rgb(157,47,60)
```
#a52736
```
#a52736 rgb(165,39,54)
```
#ad1f30
```
#ad1f30 rgb(173,31,48)
```
#b4182a
```
#b4182a rgb(180,24,42)
```
#bc1024
```
#bc1024 rgb(188,16,36)
```
#c4081e
```
#c4081e rgb(196,8,30)
```
#cc0018
```
#cc0018 rgb(204,0,24)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#5c3338 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776c35 Protanopia 1% of men
#876700 Deuteranopia 1% of men
#cd1600 Tritanopia 0.001% of the population

Trichromacy

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

#cc0018 hex color

#cc0018 Color Information

#cc0018 Color Conversion

Color Schemes with #cc0018

Alternatives to #cc0018

#cc0018 Preview

Shades and Tints of #cc0018

Tones of #cc0018

Color Blindness Simulator