#c70218 hex color

In a RGB color space, hex #c70218 is composed of 78% red, 0.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 99% magenta, 87.9% yellow and 22% black. It has a hue angle of 353.3 degrees, a saturation of 98% and a lightness of 39.4%. #c70218 color hex could be obtained by blending #ff0430 with #8f0000. Closest websafe color is: #cc0000.

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

● #c70218 color description : Strong red.

The hexadecimal color #c70218 has RGB values of R:199, G:2, B:24 and CMYK values of C:0, M:0.99, Y:0.88, K:0.22. Its decimal value is 13042200.

Hex triplet	c70218	`#c70218`
RGB Decimal	199, 2, 24	`rgb(199,2,24)`
RGB Percent	78, 0.8, 9.4	`rgb(78%,0.8%,9.4%)`
CMYK	0, 99, 88, 22
HSL	353.3°, 98, 39.4	`hsl(353.3,98%,39.4%)`
HSV (or HSB)	353.3°, 99, 78
Web Safe	cc0000	`#cc0000`

CIE-LAB	41.618, 66.535, 46.752
XYZ	23.741, 12.255, 1.979
xyY	0.625, 0.323, 12.255
CIE-LCH	41.618, 81.319, 35.095
CIE-LUV	41.618, 133.614, 26.108
Hunter-Lab	35.007, 59.795, 21.152
Binary	11000111, 00000010, 00011000

#c70218
```
#c70218 rgb(199,2,24)
```
#02c7b1
```
#02c7b1 rgb(2,199,177)
```

Complementary Color

#c7027b
```
#c7027b rgb(199,2,123)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#c74e02
```
#c74e02 rgb(199,78,2)
```

Analogous Color

#027bc7
```
#027bc7 rgb(2,123,199)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#02c74e
```
#02c74e rgb(2,199,78)
```

Split Complementary Color

#0218c7
```
#0218c7 rgb(2,24,199)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#18c702
```
#18c702 rgb(24,199,2)
```

Triadic Color

#b102c7
```
#b102c7 rgb(177,2,199)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#18c702
```
#18c702 rgb(24,199,2)
```
#02c7b1
```
#02c7b1 rgb(2,199,177)
```

Tetradic Color

#7b010f
```
#7b010f rgb(123,1,15)
```
#950112
```
#950112 rgb(149,1,18)
```
#ae0215
```
#ae0215 rgb(174,2,21)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#e0021b
```
#e0021b rgb(224,2,27)
```
#f9031e
```
#f9031e rgb(249,3,30)
```
#fd1932
```
#fd1932 rgb(253,25,50)
```

Monochromatic Color

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

#c70249
```
#c70249 rgb(199,2,73)
```
#c70239
```
#c70239 rgb(199,2,57)
```
#c70228
```
#c70228 rgb(199,2,40)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#c70208
```
#c70208 rgb(199,2,8)
```
#c70d02
```
#c70d02 rgb(199,13,2)
```
#c71d02
```
#c71d02 rgb(199,29,2)
```

Similar Colors

Text with hexadecimal color #c70218

This text has a font color of #c70218.

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

#c70218 background color

This paragraph has a background color of #c70218.

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

#c70218 border color

This element has a border color of #c70218.

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

CSS codes

.text {color:#c70218;}

.background {background-color:#c70218;}

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

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

#050001
```
#050001 rgb(5,0,1)
```
#180003
```
#180003 rgb(24,0,3)
```
#2c0005
```
#2c0005 rgb(44,0,5)
```
#3f0108
```
#3f0108 rgb(63,1,8)
```
#52010a
```
#52010a rgb(82,1,10)
```
#66010c
```
#66010c rgb(102,1,12)
```
#79010f
```
#79010f rgb(121,1,15)
```
#8d0111
```
#8d0111 rgb(141,1,17)
```
#a00213
```
#a00213 rgb(160,2,19)
```
#b40216
```
#b40216 rgb(180,2,22)
```
#c70218
```
#c70218 rgb(199,2,24)
```
#da021a
```
#da021a rgb(218,2,26)
```
#ee021d
```
#ee021d rgb(238,2,29)
```

Shade Color Variation

#fd0723
```
#fd0723 rgb(253,7,35)
```
#fd1b34
```
#fd1b34 rgb(253,27,52)
```
#fd2e45
```
#fd2e45 rgb(253,46,69)
```
#fd4257
```
#fd4257 rgb(253,66,87)
```
#fd5568
```
#fd5568 rgb(253,85,104)
```
#fd6879
```
#fd6879 rgb(253,104,121)
```
#fe7c8a
```
#fe7c8a rgb(254,124,138)
```
#fe8f9c
```
#fe8f9c rgb(254,143,156)
```
#fea3ad
```
#fea3ad rgb(254,163,173)
```
#feb6be
```
#feb6be rgb(254,182,190)
```
#fecacf
```
#fecacf rgb(254,202,207)
```
#ffdde1
```
#ffdde1 rgb(255,221,225)
```
#fff0f2
```
#fff0f2 rgb(255,240,242)
```

Tint Color Variation

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

#6a5f60
```
#6a5f60 rgb(106,95,96)
```
#72575a
```
#72575a rgb(114,87,90)
```
#7a4f54
```
#7a4f54 rgb(122,79,84)
```
#81484e
```
#81484e rgb(129,72,78)
```
#894048
```
#894048 rgb(137,64,72)
```
#913842
```
#913842 rgb(145,56,66)
```
#99303c
```
#99303c rgb(153,48,60)
```
#a02936
```
#a02936 rgb(160,41,54)
```
#a82130
```
#a82130 rgb(168,33,48)
```
#b0192a
```
#b0192a rgb(176,25,42)
```
#b81124
```
#b81124 rgb(184,17,36)
```
#bf0a1e
```
#bf0a1e rgb(191,10,30)
```
#c70218
```
#c70218 rgb(199,2,24)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#5a3337 Atypical Achromatopsia 0.001% of the population

Dichromacy

#756a35 Protanopia 1% of men
#856500 Deuteranopia 1% of men
#c91500 Tritanopia 0.001% of the population

Trichromacy

#93442a Protanomaly 1% of men, 0.01% of women
#9d4108 Deuteranomaly 6% of men, 0.4% of women
#c80e08 Tritanomaly 0.01% of the population

#c70218 hex color

#c70218 Color Information

#c70218 Color Conversion

Color Schemes with #c70218

Alternatives to #c70218

#c70218 Preview

Shades and Tints of #c70218

Tones of #c70218

Color Blindness Simulator