#c8222d hex color

In a RGB color space, hex #c8222d is composed of 78.4% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83% magenta, 77.5% yellow and 21.6% black. It has a hue angle of 356 degrees, a saturation of 70.9% and a lightness of 45.9%. #c8222d color hex could be obtained by blending #ff445a with #910000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 78
- G 13
- B 18
RGB color chart
- C 0
- M 83
- Y 78
- K 22
CMYK color chart

● #c8222d color description : Strong red.

The hexadecimal color #c8222d has RGB values of R:200, G:34, B:45 and CMYK values of C:0, M:0.83, Y:0.78, K:0.22. Its decimal value is 13115949.

Hex triplet	c8222d	`#c8222d`
RGB Decimal	200, 34, 45	`rgb(200,34,45)`
RGB Percent	78.4, 13.3, 17.6	`rgb(78.4%,13.3%,17.6%)`
CMYK	0, 83, 78, 22
HSL	356°, 70.9, 45.9	`hsl(356,70.9%,45.9%)`
HSV (or HSB)	356°, 83, 78.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.677, 62.558, 37.525
XYZ	24.866, 13.616, 3.801
xyY	0.588, 0.322, 13.616
CIE-LCH	43.677, 72.95, 30.957
CIE-LUV	43.677, 122.486, 23.382
Hunter-Lab	36.9, 55.714, 19.722
Binary	11001000, 00100010, 00101101

#c8222d
```
#c8222d rgb(200,34,45)
```
#22c8bd
```
#22c8bd rgb(34,200,189)
```

Complementary Color

#c82280
```
#c82280 rgb(200,34,128)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#c86a22
```
#c86a22 rgb(200,106,34)
```

Analogous Color

#2280c8
```
#2280c8 rgb(34,128,200)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#22c86a
```
#22c86a rgb(34,200,106)
```

Split Complementary Color

#222dc8
```
#222dc8 rgb(34,45,200)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#2dc822
```
#2dc822 rgb(45,200,34)
```

Triadic Color

#bd22c8
```
#bd22c8 rgb(189,34,200)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#2dc822
```
#2dc822 rgb(45,200,34)
```
#22c8bd
```
#22c8bd rgb(34,200,189)
```

Tetradic Color

#87171e
```
#87171e rgb(135,23,30)
```
#9c1b23
```
#9c1b23 rgb(156,27,35)
```
#b21e28
```
#b21e28 rgb(178,30,40)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#db2935
```
#db2935 rgb(219,41,53)
```
#de3f49
```
#de3f49 rgb(222,63,73)
```
#e2545e
```
#e2545e rgb(226,84,94)
```

Monochromatic Color

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

#c82257
```
#c82257 rgb(200,34,87)
```
#c82249
```
#c82249 rgb(200,34,73)
```
#c8223b
```
#c8223b rgb(200,34,59)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#c82522
```
#c82522 rgb(200,37,34)
```
#c83322
```
#c83322 rgb(200,51,34)
```
#c84122
```
#c84122 rgb(200,65,34)
```

Similar Colors

Text with hexadecimal color #c8222d

This text has a font color of #c8222d.

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

#c8222d background color

This paragraph has a background color of #c8222d.

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

#c8222d border color

This element has a border color of #c8222d.

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

CSS codes

.text {color:#c8222d;}

.background {background-color:#c8222d;}

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

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

#100304
```
#100304 rgb(16,3,4)
```
#200507
```
#200507 rgb(32,5,7)
```
#31080b
```
#31080b rgb(49,8,11)
```
#420b0f
```
#420b0f rgb(66,11,15)
```
#530e13
```
#530e13 rgb(83,14,19)
```
#631116
```
#631116 rgb(99,17,22)
```
#74141a
```
#74141a rgb(116,20,26)
```
#85171e
```
#85171e rgb(133,23,30)
```
#961922
```
#961922 rgb(150,25,34)
```
#a61c25
```
#a61c25 rgb(166,28,37)
```
#b71f29
```
#b71f29 rgb(183,31,41)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#d92531
```
#d92531 rgb(217,37,49)
```

Shade Color Variation

#dd3540
```
#dd3540 rgb(221,53,64)
```
#df4550
```
#df4550 rgb(223,69,80)
```
#e2565f
```
#e2565f rgb(226,86,95)
```
#e5676f
```
#e5676f rgb(229,103,111)
```
#e8787f
```
#e8787f rgb(232,120,127)
```
#eb888f
```
#eb888f rgb(235,136,143)
```
#ee999f
```
#ee999f rgb(238,153,159)
```
#f1aaaf
```
#f1aaaf rgb(241,170,175)
```
#f3bbbf
```
#f3bbbf rgb(243,187,191)
```
#f6ccce
```
#f6ccce rgb(246,204,206)
```
#f9dcde
```
#f9dcde rgb(249,220,222)
```
#fcedee
```
#fcedee rgb(252,237,238)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#777373
```
#777373 rgb(119,115,115)
```
#806a6b
```
#806a6b rgb(128,106,107)
```
#896164
```
#896164 rgb(137,97,100)
```
#92585c
```
#92585c rgb(146,88,92)
```
#9b4f54
```
#9b4f54 rgb(155,79,84)
```
#a4464c
```
#a4464c rgb(164,70,76)
```
#ad3d44
```
#ad3d44 rgb(173,61,68)
```
#b6343d
```
#b6343d rgb(182,52,61)
```
#bf2b35
```
#bf2b35 rgb(191,43,53)
```
#c8222d
```
#c8222d rgb(200,34,45)
```
#d11925
```
#d11925 rgb(209,25,37)
```
#da101d
```
#da101d rgb(218,16,29)
```
#e30716
```
#e30716 rgb(227,7,22)
```

Tone Color Variation

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

#555555 Achromatopsia 0.005% of the population
#6c4b4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f4a Protanopia 1% of men
#89692b Deuteranopia 1% of men
#ca2f2f Tritanopia 0.001% of the population

Trichromacy

#95533f Protanomaly 1% of men, 0.01% of women
#a04f2b Deuteranomaly 6% of men, 0.4% of women
#c92a2e Tritanomaly 0.01% of the population

#c8222d hex color

#c8222d Color Information

#c8222d Color Conversion

Color Schemes with #c8222d

Alternatives to #c8222d

#c8222d Preview

Shades and Tints of #c8222d

Tones of #c8222d

Color Blindness Simulator