#c22321 hex color

In a RGB color space, hex #c22321 is composed of 76.1% red, 13.7% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82% magenta, 83% yellow and 23.9% black. It has a hue angle of 0.7 degrees, a saturation of 70.9% and a lightness of 44.5%. #c22321 color hex could be obtained by blending #ff4642 with #850000. Closest websafe color is: #cc3333.

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

● #c22321 color description : Strong red.

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

Hex triplet	c22321	`#c22321`
RGB Decimal	194, 35, 33	`rgb(194,35,33)`
RGB Percent	76.1, 13.7, 12.9	`rgb(76.1%,13.7%,12.9%)`
CMYK	0, 82, 83, 24
HSL	0.7°, 70.9, 44.5	`hsl(0.7,70.9%,44.5%)`
HSV (or HSB)	0.7°, 83, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	42.436, 60.261, 42.511
XYZ	23.125, 12.784, 2.689
xyY	0.599, 0.331, 12.784
CIE-LCH	42.436, 73.747, 35.201
CIE-LUV	42.436, 119.736, 26.328
Hunter-Lab	35.755, 52.876, 20.57
Binary	11000010, 00100011, 00100001

#c22321
```
#c22321 rgb(194,35,33)
```
#21c0c2
```
#21c0c2 rgb(33,192,194)
```

Complementary Color

#c22170
```
#c22170 rgb(194,33,112)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#c27421
```
#c27421 rgb(194,116,33)
```

Analogous Color

#2170c2
```
#2170c2 rgb(33,112,194)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#21c274
```
#21c274 rgb(33,194,116)
```

Split Complementary Color

#2321c2
```
#2321c2 rgb(35,33,194)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#21c223
```
#21c223 rgb(33,194,35)
```

Triadic Color

#c221c0
```
#c221c0 rgb(194,33,192)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#21c223
```
#21c223 rgb(33,194,35)
```
#21c0c2
```
#21c0c2 rgb(33,192,194)
```

Tetradic Color

#811716
```
#811716 rgb(129,23,22)
```
#961b1a
```
#961b1a rgb(150,27,26)
```
#ac1f1d
```
#ac1f1d rgb(172,31,29)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#d82725
```
#d82725 rgb(216,39,37)
```
#dd3b39
```
#dd3b39 rgb(221,59,57)
```
#e1504f
```
#e1504f rgb(225,80,79)
```

Monochromatic Color

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

#c22147
```
#c22147 rgb(194,33,71)
```
#c2213a
```
#c2213a rgb(194,33,58)
```
#c2212c
```
#c2212c rgb(194,33,44)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#c23021
```
#c23021 rgb(194,48,33)
```
#c23e21
```
#c23e21 rgb(194,62,33)
```
#c24b21
```
#c24b21 rgb(194,75,33)
```

Similar Colors

Text with hexadecimal color #c22321

This text has a font color of #c22321.

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

#c22321 background color

This paragraph has a background color of #c22321.

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

#c22321 border color

This element has a border color of #c22321.

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

CSS codes

.text {color:#c22321;}

.background {background-color:#c22321;}

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

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

#0a0202
```
#0a0202 rgb(10,2,2)
```
#1a0504
```
#1a0504 rgb(26,5,4)
```
#2b0807
```
#2b0807 rgb(43,8,7)
```
#3c0b0a
```
#3c0b0a rgb(60,11,10)
```
#4d0e0d
```
#4d0e0d rgb(77,14,13)
```
#5d1110
```
#5d1110 rgb(93,17,16)
```
#6e1413
```
#6e1413 rgb(110,20,19)
```
#7f1716
```
#7f1716 rgb(127,23,22)
```
#901a18
```
#901a18 rgb(144,26,24)
```
#a01d1b
```
#a01d1b rgb(160,29,27)
```
#b1201e
```
#b1201e rgb(177,32,30)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#d32624
```
#d32624 rgb(211,38,36)
```

Shade Color Variation

#dc312f
```
#dc312f rgb(220,49,47)
```
#de413f
```
#de413f rgb(222,65,63)
```
#e15250
```
#e15250 rgb(225,82,80)
```
#e46361
```
#e46361 rgb(228,99,97)
```
#e77372
```
#e77372 rgb(231,115,114)
```
#ea8482
```
#ea8482 rgb(234,132,130)
```
#ed9493
```
#ed9493 rgb(237,148,147)
```
#f0a5a4
```
#f0a5a4 rgb(240,165,164)
```
#f2b6b5
```
#f2b6b5 rgb(242,182,181)
```
#f5c6c6
```
#f5c6c6 rgb(245,198,198)
```
#f8d7d6
```
#f8d7d6 rgb(248,215,214)
```
#fbe7e7
```
#fbe7e7 rgb(251,231,231)
```
#fef8f8
```
#fef8f8 rgb(254,248,248)
```

Tint Color Variation

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

#737070
```
#737070 rgb(115,112,112)
```
#7c6767
```
#7c6767 rgb(124,103,103)
```
#855f5e
```
#855f5e rgb(133,95,94)
```
#8e5655
```
#8e5655 rgb(142,86,85)
```
#964e4d
```
#964e4d rgb(150,78,77)
```
#9f4544
```
#9f4544 rgb(159,69,68)
```
#a83d3b
```
#a83d3b rgb(168,61,59)
```
#b13432
```
#b13432 rgb(177,52,50)
```
#b92c2a
```
#b92c2a rgb(185,44,42)
```
#c22321
```
#c22321 rgb(194,35,33)
```
#cb1a18
```
#cb1a18 rgb(203,26,24)
```
#d31210
```
#d31210 rgb(211,18,16)
```
#dc0907
```
#dc0907 rgb(220,9,7)
```

Tone Color Variation

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

#766c3c Protanopia 1% of men
#86671d Deuteranopia 1% of men
#c52e2e Tritanopia 0.001% of the population

Trichromacy

#925132 Protanomaly 1% of men, 0.01% of women
#9c4e1e Deuteranomaly 6% of men, 0.4% of women
#c42a29 Tritanomaly 0.01% of the population

#c22321 hex color

#c22321 Color Information

#c22321 Color Conversion

Color Schemes with #c22321

Alternatives to #c22321

#c22321 Preview

Shades and Tints of #c22321

Tones of #c22321

Color Blindness Simulator