#c22322 hex color

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

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

● #c22322 color description : Strong red.

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

Hex triplet	c22322	`#c22322`
RGB Decimal	194, 35, 34	`rgb(194,35,34)`
RGB Percent	76.1, 13.7, 13.3	`rgb(76.1%,13.7%,13.3%)`
CMYK	0, 82, 82, 24
HSL	0.4°, 70.2, 44.7	`hsl(0.4,70.2%,44.7%)`
HSV (or HSB)	0.4°, 82.5, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.445, 60.287, 41.99
XYZ	23.139, 12.79, 2.764
xyY	0.598, 0.331, 12.79
CIE-LCH	42.445, 73.469, 34.857
CIE-LUV	42.445, 119.569, 26.046
Hunter-Lab	35.763, 52.907, 20.452
Binary	11000010, 00100011, 00100010

#c22322
```
#c22322 rgb(194,35,34)
```
#22c1c2
```
#22c1c2 rgb(34,193,194)
```

Complementary Color

#c22271
```
#c22271 rgb(194,34,113)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#c27322
```
#c27322 rgb(194,115,34)
```

Analogous Color

#2271c2
```
#2271c2 rgb(34,113,194)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#22c273
```
#22c273 rgb(34,194,115)
```

Split Complementary Color

#2322c2
```
#2322c2 rgb(35,34,194)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#22c223
```
#22c223 rgb(34,194,35)
```

Triadic Color

#c222c1
```
#c222c1 rgb(194,34,193)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#22c223
```
#22c223 rgb(34,194,35)
```
#22c1c2
```
#22c1c2 rgb(34,193,194)
```

Tetradic Color

#811717
```
#811717 rgb(129,23,23)
```
#971b1a
```
#971b1a rgb(151,27,26)
```
#ac1f1e
```
#ac1f1e rgb(172,31,30)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#d82726
```
#d82726 rgb(216,39,38)
```
#dd3b3a
```
#dd3b3a rgb(221,59,58)
```
#e05150
```
#e05150 rgb(224,81,80)
```

Monochromatic Color

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

#c22249
```
#c22249 rgb(194,34,73)
```
#c2223c
```
#c2223c rgb(194,34,60)
```
#c2222e
```
#c2222e rgb(194,34,46)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#c23022
```
#c23022 rgb(194,48,34)
```
#c23e22
```
#c23e22 rgb(194,62,34)
```
#c24b22
```
#c24b22 rgb(194,75,34)
```

Similar Colors

Text with hexadecimal color #c22322

This text has a font color of #c22322.

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

#c22322 background color

This paragraph has a background color of #c22322.

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

#c22322 border color

This element has a border color of #c22322.

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

CSS codes

.text {color:#c22322;}

.background {background-color:#c22322;}

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

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)
```
#1b0505
```
#1b0505 rgb(27,5,5)
```
#2c0808
```
#2c0808 rgb(44,8,8)
```
#3c0b0b
```
#3c0b0b rgb(60,11,11)
```
#4d0e0e
```
#4d0e0e rgb(77,14,14)
```
#5e1110
```
#5e1110 rgb(94,17,16)
```
#6f1413
```
#6f1413 rgb(111,20,19)
```
#7f1716
```
#7f1716 rgb(127,23,22)
```
#901a19
```
#901a19 rgb(144,26,25)
```
#a11d1c
```
#a11d1c rgb(161,29,28)
```
#b1201f
```
#b1201f rgb(177,32,31)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#d32625
```
#d32625 rgb(211,38,37)
```

Shade Color Variation

#db3130
```
#db3130 rgb(219,49,48)
```
#de4241
```
#de4241 rgb(222,66,65)
```
#e15352
```
#e15352 rgb(225,83,82)
```
#e46363
```
#e46363 rgb(228,99,99)
```
#e67473
```
#e67473 rgb(230,116,115)
```
#e98584
```
#e98584 rgb(233,133,132)
```
#ec9595
```
#ec9595 rgb(236,149,149)
```
#efa6a5
```
#efa6a5 rgb(239,166,165)
```
#f2b6b6
```
#f2b6b6 rgb(242,182,182)
```
#f5c7c7
```
#f5c7c7 rgb(245,199,199)
```
#f8d8d7
```
#f8d8d7 rgb(248,216,215)
```
#fbe8e8
```
#fbe8e8 rgb(251,232,232)
```
#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 #dc0908 is the most saturated one.

#737171
```
#737171 rgb(115,113,113)
```
#7c6868
```
#7c6868 rgb(124,104,104)
```
#85605f
```
#85605f rgb(133,96,95)
```
#8d5757
```
#8d5757 rgb(141,87,87)
```
#964e4e
```
#964e4e rgb(150,78,78)
```
#9f4645
```
#9f4645 rgb(159,70,69)
```
#a83d3c
```
#a83d3c rgb(168,61,60)
```
#b03434
```
#b03434 rgb(176,52,52)
```
#b92c2b
```
#b92c2b rgb(185,44,43)
```
#c22322
```
#c22322 rgb(194,35,34)
```
#cb1a19
```
#cb1a19 rgb(203,26,25)
```
#d41210
```
#d41210 rgb(212,18,16)
```
#dc0908
```
#dc0908 rgb(220,9,8)
```

Tone Color Variation

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

Dichromacy

#766c3d Protanopia 1% of men
#86671e Deuteranopia 1% of men
#c52e2e Tritanopia 0.001% of the population

Trichromacy

#925133 Protanomaly 1% of men, 0.01% of women
#9c4e1f Deuteranomaly 6% of men, 0.4% of women
#c42a2a Tritanomaly 0.01% of the population

#c22322 hex color

#c22322 Color Information

#c22322 Color Conversion

Color Schemes with #c22322

Alternatives to #c22322

#c22322 Preview

Shades and Tints of #c22322

Tones of #c22322

Color Blindness Simulator