#c9222c hex color

In a RGB color space, hex #c9222c is composed of 78.8% red, 13.3% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.1% magenta, 78.1% yellow and 21.2% black. It has a hue angle of 356.4 degrees, a saturation of 71.1% and a lightness of 46.1%. #c9222c color hex could be obtained by blending #ff4458 with #930000. Closest websafe color is: #cc3333.

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

● #c9222c color description : Strong red.

The hexadecimal color #c9222c has RGB values of R:201, G:34, B:44 and CMYK values of C:0, M:0.83, Y:0.78, K:0.21. Its decimal value is 13181484.

Hex triplet	c9222c	`#c9222c`
RGB Decimal	201, 34, 44	`rgb(201,34,44)`
RGB Percent	78.8, 13.3, 17.3	`rgb(78.8%,13.3%,17.3%)`
CMYK	0, 83, 78, 21
HSL	356.4°, 71.1, 46.1	`hsl(356.4,71.1%,46.1%)`
HSV (or HSB)	356.4°, 83.1, 78.8
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.867, 62.802, 38.359
XYZ	25.115, 13.747, 3.714
xyY	0.59, 0.323, 13.747
CIE-LCH	43.867, 73.591, 31.416
CIE-LUV	43.867, 123.47, 23.918
Hunter-Lab	37.076, 56.031, 20.015
Binary	11001001, 00100010, 00101100

#c9222c
```
#c9222c rgb(201,34,44)
```
#22c9bf
```
#22c9bf rgb(34,201,191)
```

Complementary Color

#c92280
```
#c92280 rgb(201,34,128)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#c96c22
```
#c96c22 rgb(201,108,34)
```

Analogous Color

#2280c9
```
#2280c9 rgb(34,128,201)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#22c96c
```
#22c96c rgb(34,201,108)
```

Split Complementary Color

#222cc9
```
#222cc9 rgb(34,44,201)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#2cc922
```
#2cc922 rgb(44,201,34)
```

Triadic Color

#bf22c9
```
#bf22c9 rgb(191,34,201)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#2cc922
```
#2cc922 rgb(44,201,34)
```
#22c9bf
```
#22c9bf rgb(34,201,191)
```

Tetradic Color

#88171e
```
#88171e rgb(136,23,30)
```
#9d1b22
```
#9d1b22 rgb(157,27,34)
```
#b31e27
```
#b31e27 rgb(179,30,39)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#db2a34
```
#db2a34 rgb(219,42,52)
```
#df3f49
```
#df3f49 rgb(223,63,73)
```
#e2555e
```
#e2555e rgb(226,85,94)
```

Monochromatic Color

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

#c92256
```
#c92256 rgb(201,34,86)
```
#c92248
```
#c92248 rgb(201,34,72)
```
#c9223a
```
#c9223a rgb(201,34,58)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#c92622
```
#c92622 rgb(201,38,34)
```
#c93422
```
#c93422 rgb(201,52,34)
```
#c94222
```
#c94222 rgb(201,66,34)
```

Similar Colors

Text with hexadecimal color #c9222c

This text has a font color of #c9222c.

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

#c9222c background color

This paragraph has a background color of #c9222c.

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

#c9222c border color

This element has a border color of #c9222c.

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

CSS codes

.text {color:#c9222c;}

.background {background-color:#c9222c;}

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

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 #ffffff is the lightest one.

#100304
```
#100304 rgb(16,3,4)
```
#210607
```
#210607 rgb(33,6,7)
```
#32080b
```
#32080b rgb(50,8,11)
```
#430b0f
```
#430b0f rgb(67,11,15)
```
#540e12
```
#540e12 rgb(84,14,18)
```
#641116
```
#641116 rgb(100,17,22)
```
#75141a
```
#75141a rgb(117,20,26)
```
#86171d
```
#86171d rgb(134,23,29)
```
#971921
```
#971921 rgb(151,25,33)
```
#a71c25
```
#a71c25 rgb(167,28,37)
```
#b81f28
```
#b81f28 rgb(184,31,40)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#da2530
```
#da2530 rgb(218,37,48)
```

Shade Color Variation

#dd353f
```
#dd353f rgb(221,53,63)
```
#e0464f
```
#e0464f rgb(224,70,79)
```
#e3575f
```
#e3575f rgb(227,87,95)
```
#e5686f
```
#e5686f rgb(229,104,111)
```
#e8787f
```
#e8787f rgb(232,120,127)
```
#eb898f
```
#eb898f rgb(235,137,143)
```
#ee9a9f
```
#ee9a9f rgb(238,154,159)
```
#f1abaf
```
#f1abaf rgb(241,171,175)
```
#f4bcbf
```
#f4bcbf rgb(244,188,191)
```
#f6cccf
```
#f6cccf rgb(246,204,207)
```
#f9dddf
```
#f9dddf rgb(249,221,223)
```
#fceeef
```
#fceeef rgb(252,238,239)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#787374
```
#787374 rgb(120,115,116)
```
#816a6c
```
#816a6c rgb(129,106,108)
```
#8a6164
```
#8a6164 rgb(138,97,100)
```
#93585c
```
#93585c rgb(147,88,92)
```
#9c4f54
```
#9c4f54 rgb(156,79,84)
```
#a5464c
```
#a5464c rgb(165,70,76)
```
#ae3d44
```
#ae3d44 rgb(174,61,68)
```
#b7343c
```
#b7343c rgb(183,52,60)
```
#c02b34
```
#c02b34 rgb(192,43,52)
```
#c9222c
```
#c9222c rgb(201,34,44)
```
#d21924
```
#d21924 rgb(210,25,36)
```
#db101c
```
#db101c rgb(219,16,28)
```
#e40714
```
#e40714 rgb(228,7,20)
```

Tone Color Variation

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

#796f49 Protanopia 1% of men
#8a6a29 Deuteranopia 1% of men
#cb2e2f Tritanopia 0.001% of the population

Trichromacy

#96533e Protanomaly 1% of men, 0.01% of women
#a0502a Deuteranomaly 6% of men, 0.4% of women
#ca2a2d Tritanomaly 0.01% of the population

#c9222c hex color

#c9222c Color Information

#c9222c Color Conversion

Color Schemes with #c9222c

Alternatives to #c9222c

#c9222c Preview

Shades and Tints of #c9222c

Tones of #c9222c

Color Blindness Simulator