#cc1f18 hex color

In a RGB color space, hex #cc1f18 is composed of 80% red, 12.2% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84.8% magenta, 88.2% yellow and 20% black. It has a hue angle of 2.3 degrees, a saturation of 78.9% and a lightness of 44.7%. #cc1f18 color hex could be obtained by blending #ff3e30 with #990000. Closest websafe color is: #cc3300.

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

● #cc1f18 color description : Strong red.

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

Hex triplet	cc1f18	`#cc1f18`
RGB Decimal	204, 31, 24	`rgb(204,31,24)`
RGB Percent	80, 12.2, 9.4	`rgb(80%,12.2%,9.4%)`
CMYK	0, 85, 88, 20
HSL	2.3°, 78.9, 44.7	`hsl(2.3,78.9%,44.7%)`
HSV (or HSB)	2.3°, 88.2, 80
Web Safe	cc3300	`#cc3300`

CIE-LAB	44.07, 63.804, 49.105
XYZ	25.558, 13.887, 2.199
xyY	0.614, 0.333, 13.887
CIE-LCH	44.07, 80.512, 37.583
CIE-LUV	44.07, 130.236, 29.464
Hunter-Lab	37.265, 57.211, 22.587
Binary	11001100, 00011111, 00011000

#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#18c5cc
```
#18c5cc rgb(24,197,204)
```

Complementary Color

#cc186b
```
#cc186b rgb(204,24,107)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#cc7918
```
#cc7918 rgb(204,121,24)
```

Analogous Color

#186bcc
```
#186bcc rgb(24,107,204)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#18cc79
```
#18cc79 rgb(24,204,121)
```

Split Complementary Color

#1f18cc
```
#1f18cc rgb(31,24,204)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#18cc1f
```
#18cc1f rgb(24,204,31)
```

Triadic Color

#cc18c5
```
#cc18c5 rgb(204,24,197)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#18cc1f
```
#18cc1f rgb(24,204,31)
```
#18c5cc
```
#18c5cc rgb(24,197,204)
```

Tetradic Color

#881510
```
#881510 rgb(136,21,16)
```
#9e1813
```
#9e1813 rgb(158,24,19)
```
#b51c15
```
#b51c15 rgb(181,28,21)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#e3221b
```
#e3221b rgb(227,34,27)
```
#e73730
```
#e73730 rgb(231,55,48)
```
#e94d47
```
#e94d47 rgb(233,77,71)
```

Monochromatic Color

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

#cc183e
```
#cc183e rgb(204,24,62)
```
#cc182f
```
#cc182f rgb(204,24,47)
```
#cc1820
```
#cc1820 rgb(204,24,32)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#cc2e18
```
#cc2e18 rgb(204,46,24)
```
#cc3d18
```
#cc3d18 rgb(204,61,24)
```
#cc4c18
```
#cc4c18 rgb(204,76,24)
```

Similar Colors

Text with hexadecimal color #cc1f18

This text has a font color of #cc1f18.

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

#cc1f18 background color

This paragraph has a background color of #cc1f18.

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

#cc1f18 border color

This element has a border color of #cc1f18.

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

CSS codes

.text {color:#cc1f18;}

.background {background-color:#cc1f18;}

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

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

#0b0201
```
#0b0201 rgb(11,2,1)
```
#1c0403
```
#1c0403 rgb(28,4,3)
```
#2e0705
```
#2e0705 rgb(46,7,5)
```
#400a07
```
#400a07 rgb(64,10,7)
```
#510c0a
```
#510c0a rgb(81,12,10)
```
#630f0c
```
#630f0c rgb(99,15,12)
```
#74120e
```
#74120e rgb(116,18,14)
```
#861410
```
#861410 rgb(134,20,16)
```
#971712
```
#971712 rgb(151,23,18)
```
#a91a14
```
#a91a14 rgb(169,26,20)
```
#ba1c16
```
#ba1c16 rgb(186,28,22)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#de221a
```
#de221a rgb(222,34,26)
```

Shade Color Variation

#e52d26
```
#e52d26 rgb(229,45,38)
```
#e83e37
```
#e83e37 rgb(232,62,55)
```
#ea4f49
```
#ea4f49 rgb(234,79,73)
```
#ec605a
```
#ec605a rgb(236,96,90)
```
#ee716c
```
#ee716c rgb(238,113,108)
```
#f0827e
```
#f0827e rgb(240,130,126)
```
#f2938f
```
#f2938f rgb(242,147,143)
```
#f4a4a1
```
#f4a4a1 rgb(244,164,161)
```
#f6b5b2
```
#f6b5b2 rgb(246,181,178)
```
#f8c6c4
```
#f8c6c4 rgb(248,198,196)
```
#fad7d5
```
#fad7d5 rgb(250,215,213)
```
#fce8e7
```
#fce8e7 rgb(252,232,231)
```
#fef9f8
```
#fef9f8 rgb(254,249,248)
```

Tint Color Variation

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

#747070
```
#747070 rgb(116,112,112)
```
#7d6867
```
#7d6867 rgb(125,104,103)
```
#86605e
```
#86605e rgb(134,96,94)
```
#8f5855
```
#8f5855 rgb(143,88,85)
```
#97504d
```
#97504d rgb(151,80,77)
```
#a04744
```
#a04744 rgb(160,71,68)
```
#a93f3b
```
#a93f3b rgb(169,63,59)
```
#b23732
```
#b23732 rgb(178,55,50)
```
#ba2f2a
```
#ba2f2a rgb(186,47,42)
```
#c32721
```
#c32721 rgb(195,39,33)
```
#cc1f18
```
#cc1f18 rgb(204,31,24)
```
#d5170f
```
#d5170f rgb(213,23,15)
```
#de0f06
```
#de0f06 rgb(222,15,6)
```

Tone Color Variation

Below, you can see how #cc1f18 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
#6a4846 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7033 Protanopia 1% of men
#8c6a00 Deuteranopia 1% of men
#ce2a28 Tritanopia 0.001% of the population

Trichromacy

#995229 Protanomaly 1% of men, 0.01% of women
#a34f08 Deuteranomaly 6% of men, 0.4% of women
#cd2622 Tritanomaly 0.01% of the population

#cc1f18 hex color

#cc1f18 Color Information

#cc1f18 Color Conversion

Color Schemes with #cc1f18

Alternatives to #cc1f18

#cc1f18 Preview

Shades and Tints of #cc1f18

Tones of #cc1f18

Color Blindness Simulator