#c2222d hex color

In a RGB color space, hex #c2222d is composed of 76.1% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 76.8% yellow and 23.9% black. It has a hue angle of 355.9 degrees, a saturation of 70.2% and a lightness of 44.7%. #c2222d color hex could be obtained by blending #ff445a with #850000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 76
- G 13
- B 18
RGB color chart
- C 0
- M 82
- Y 77
- K 24
CMYK color chart

● #c2222d color description : Strong red.

The hexadecimal color #c2222d has RGB values of R:194, G:34, B:45 and CMYK values of C:0, M:0.82, Y:0.77, K:0.24. Its decimal value is 12722733.

Hex triplet	c2222d	`#c2222d`
RGB Decimal	194, 34, 45	`rgb(194,34,45)`
RGB Percent	76.1, 13.3, 17.6	`rgb(76.1%,13.3%,17.6%)`
CMYK	0, 82, 77, 24
HSL	355.9°, 70.2, 44.7	`hsl(355.9,70.2%,44.7%)`
HSV (or HSB)	355.9°, 82.5, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.469, 60.882, 35.867
XYZ	23.295, 12.806, 3.728
xyY	0.585, 0.322, 12.806
CIE-LCH	42.469, 70.662, 30.503
CIE-LUV	42.469, 117.836, 22.281
Hunter-Lab	35.785, 53.574, 18.873
Binary	11000010, 00100010, 00101101

#c2222d
```
#c2222d rgb(194,34,45)
```
#22c2b7
```
#22c2b7 rgb(34,194,183)
```

Complementary Color

#c2227d
```
#c2227d rgb(194,34,125)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#c26722
```
#c26722 rgb(194,103,34)
```

Analogous Color

#227dc2
```
#227dc2 rgb(34,125,194)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#22c267
```
#22c267 rgb(34,194,103)
```

Split Complementary Color

#222dc2
```
#222dc2 rgb(34,45,194)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#2dc222
```
#2dc222 rgb(45,194,34)
```

Triadic Color

#b722c2
```
#b722c2 rgb(183,34,194)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#2dc222
```
#2dc222 rgb(45,194,34)
```
#22c2b7
```
#22c2b7 rgb(34,194,183)
```

Tetradic Color

#81171e
```
#81171e rgb(129,23,30)
```
#971a23
```
#971a23 rgb(151,26,35)
```
#ac1e28
```
#ac1e28 rgb(172,30,40)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#d82632
```
#d82632 rgb(216,38,50)
```
#dd3a46
```
#dd3a46 rgb(221,58,70)
```
#e0505a
```
#e0505a rgb(224,80,90)
```

Monochromatic Color

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

#c22255
```
#c22255 rgb(194,34,85)
```
#c22248
```
#c22248 rgb(194,34,72)
```
#c2223a
```
#c2223a rgb(194,34,58)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#c22422
```
#c22422 rgb(194,36,34)
```
#c23222
```
#c23222 rgb(194,50,34)
```
#c23f22
```
#c23f22 rgb(194,63,34)
```

Similar Colors

Text with hexadecimal color #c2222d

This text has a font color of #c2222d.

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

#c2222d background color

This paragraph has a background color of #c2222d.

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

#c2222d border color

This element has a border color of #c2222d.

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

CSS codes

.text {color:#c2222d;}

.background {background-color:#c2222d;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1b0506
```
#1b0506 rgb(27,5,6)
```
#2c080a
```
#2c080a rgb(44,8,10)
```
#3c0b0e
```
#3c0b0e rgb(60,11,14)
```
#4d0e12
```
#4d0e12 rgb(77,14,18)
```
#5e1016
```
#5e1016 rgb(94,16,22)
```
#6f131a
```
#6f131a rgb(111,19,26)
```
#7f161e
```
#7f161e rgb(127,22,30)
```
#901921
```
#901921 rgb(144,25,33)
```
#a11c25
```
#a11c25 rgb(161,28,37)
```
#b11f29
```
#b11f29 rgb(177,31,41)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#d32531
```
#d32531 rgb(211,37,49)
```

Shade Color Variation

#db303c
```
#db303c rgb(219,48,60)
```
#de414c
```
#de414c rgb(222,65,76)
```
#e1525c
```
#e1525c rgb(225,82,92)
```
#e4636b
```
#e4636b rgb(228,99,107)
```
#e6737b
```
#e6737b rgb(230,115,123)
```
#e9848b
```
#e9848b rgb(233,132,139)
```
#ec959b
```
#ec959b rgb(236,149,155)
```
#efa5aa
```
#efa5aa rgb(239,165,170)
```
#f2b6ba
```
#f2b6ba rgb(242,182,186)
```
#f5c7ca
```
#f5c7ca rgb(245,199,202)
```
#f8d7da
```
#f8d7da rgb(248,215,218)
```
#fbe8e9
```
#fbe8e9 rgb(251,232,233)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#737171
```
#737171 rgb(115,113,113)
```
#7c686a
```
#7c686a rgb(124,104,106)
```
#855f62
```
#855f62 rgb(133,95,98)
```
#8d575a
```
#8d575a rgb(141,87,90)
```
#964e53
```
#964e53 rgb(150,78,83)
```
#9f454b
```
#9f454b rgb(159,69,75)
```
#a83c44
```
#a83c44 rgb(168,60,68)
```
#b0343c
```
#b0343c rgb(176,52,60)
```
#b92b35
```
#b92b35 rgb(185,43,53)
```
#c2222d
```
#c2222d rgb(194,34,45)
```
#cb1925
```
#cb1925 rgb(203,25,37)
```
#d4101e
```
#d4101e rgb(212,16,30)
```
#dc0816
```
#dc0816 rgb(220,8,22)
```

Tone Color Variation

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

#535353 Achromatopsia 0.005% of the population
#69494b Atypical Achromatopsia 0.001% of the population

Dichromacy

#756c49 Protanopia 1% of men
#85672b Deuteranopia 1% of men
#c42f2f Tritanopia 0.001% of the population

Trichromacy

#91513f Protanomaly 1% of men, 0.01% of women
#9b4e2c Deuteranomaly 6% of men, 0.4% of women
#c32a2e Tritanomaly 0.01% of the population

#c2222d hex color

#c2222d Color Information

#c2222d Color Conversion

Color Schemes with #c2222d

Alternatives to #c2222d

#c2222d Preview

Shades and Tints of #c2222d

Tones of #c2222d

Color Blindness Simulator