#c22a21 hex color

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

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

● #c22a21 color description : Strong red.

The hexadecimal color #c22a21 has RGB values of R:194, G:42, B:33 and CMYK values of C:0, M:0.78, Y:0.83, K:0.24. Its decimal value is 12724769.

Hex triplet	c22a21	`#c22a21`
RGB Decimal	194, 42, 33	`rgb(194,42,33)`
RGB Percent	76.1, 16.5, 12.9	`rgb(76.1%,16.5%,12.9%)`
CMYK	0, 78, 83, 24
HSL	3.4°, 70.9, 44.5	`hsl(3.4,70.9%,44.5%)`
HSV (or HSB)	3.4°, 83, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.12, 58.332, 43.149
XYZ	23.352, 13.238, 2.764
xyY	0.593, 0.336, 13.238
CIE-LCH	43.12, 72.557, 36.49
CIE-LUV	43.12, 116.539, 27.573
Hunter-Lab	36.384, 50.892, 20.964
Binary	11000010, 00101010, 00100001

#c22a21
```
#c22a21 rgb(194,42,33)
```
#21b9c2
```
#21b9c2 rgb(33,185,194)
```

Complementary Color

#c22169
```
#c22169 rgb(194,33,105)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#c27b21
```
#c27b21 rgb(194,123,33)
```

Analogous Color

#2169c2
```
#2169c2 rgb(33,105,194)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#21c27b
```
#21c27b rgb(33,194,123)
```

Split Complementary Color

#2a21c2
```
#2a21c2 rgb(42,33,194)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#21c22a
```
#21c22a rgb(33,194,42)
```

Triadic Color

#c221b9
```
#c221b9 rgb(194,33,185)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#21c22a
```
#21c22a rgb(33,194,42)
```
#21b9c2
```
#21b9c2 rgb(33,185,194)
```

Tetradic Color

#811c16
```
#811c16 rgb(129,28,22)
```
#96211a
```
#96211a rgb(150,33,26)
```
#ac251d
```
#ac251d rgb(172,37,29)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#d82f25
```
#d82f25 rgb(216,47,37)
```
#dd4239
```
#dd4239 rgb(221,66,57)
```
#e1574f
```
#e1574f rgb(225,87,79)
```

Monochromatic Color

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

#c22140
```
#c22140 rgb(194,33,64)
```
#c22133
```
#c22133 rgb(194,33,51)
```
#c22125
```
#c22125 rgb(194,33,37)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#c23721
```
#c23721 rgb(194,55,33)
```
#c24521
```
#c24521 rgb(194,69,33)
```
#c25221
```
#c25221 rgb(194,82,33)
```

Similar Colors

Text with hexadecimal color #c22a21

This text has a font color of #c22a21.

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

#c22a21 background color

This paragraph has a background color of #c22a21.

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

#c22a21 border color

This element has a border color of #c22a21.

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

CSS codes

.text {color:#c22a21;}

.background {background-color:#c22a21;}

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

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)
```
#1a0604
```
#1a0604 rgb(26,6,4)
```
#2b0907
```
#2b0907 rgb(43,9,7)
```
#3c0d0a
```
#3c0d0a rgb(60,13,10)
```
#4d110d
```
#4d110d rgb(77,17,13)
```
#5d1410
```
#5d1410 rgb(93,20,16)
```
#6e1813
```
#6e1813 rgb(110,24,19)
```
#7f1b16
```
#7f1b16 rgb(127,27,22)
```
#901f18
```
#901f18 rgb(144,31,24)
```
#a0231b
```
#a0231b rgb(160,35,27)
```
#b1261e
```
#b1261e rgb(177,38,30)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#d32e24
```
#d32e24 rgb(211,46,36)
```

Shade Color Variation

#dc382f
```
#dc382f rgb(220,56,47)
```
#de483f
```
#de483f rgb(222,72,63)
```
#e15850
```
#e15850 rgb(225,88,80)
```
#e46861
```
#e46861 rgb(228,104,97)
```
#e77872
```
#e77872 rgb(231,120,114)
```
#ea8882
```
#ea8882 rgb(234,136,130)
```
#ed9893
```
#ed9893 rgb(237,152,147)
```
#f0a8a4
```
#f0a8a4 rgb(240,168,164)
```
#f2b8b5
```
#f2b8b5 rgb(242,184,181)
```
#f5c8c6
```
#f5c8c6 rgb(245,200,198)
```
#f8d8d6
```
#f8d8d6 rgb(248,216,214)
```
#fbe8e7
```
#fbe8e7 rgb(251,232,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 #dc1307 is the most saturated one.

#737070
```
#737070 rgb(115,112,112)
```
#7c6867
```
#7c6867 rgb(124,104,103)
```
#85605e
```
#85605e rgb(133,96,94)
```
#8e5955
```
#8e5955 rgb(142,89,85)
```
#96514d
```
#96514d rgb(150,81,77)
```
#9f4944
```
#9f4944 rgb(159,73,68)
```
#a8413b
```
#a8413b rgb(168,65,59)
```
#b13a32
```
#b13a32 rgb(177,58,50)
```
#b9322a
```
#b9322a rgb(185,50,42)
```
#c22a21
```
#c22a21 rgb(194,42,33)
```
#cb2218
```
#cb2218 rgb(203,34,24)
```
#d31a10
```
#d31a10 rgb(211,26,16)
```
#dc1307
```
#dc1307 rgb(220,19,7)
```

Tone Color Variation

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

#565656 Achromatopsia 0.005% of the population
#6c4d4b Atypical Achromatopsia 0.001% of the population

Dichromacy

#786d3b Protanopia 1% of men
#88681d Deuteranopia 1% of men
#c53335 Tritanopia 0.001% of the population

Trichromacy

#935531 Protanomaly 1% of men, 0.01% of women
#9d511e Deuteranomaly 6% of men, 0.4% of women
#c4302d Tritanomaly 0.01% of the population

#c22a21 hex color

#c22a21 Color Information

#c22a21 Color Conversion

Color Schemes with #c22a21

Alternatives to #c22a21

#c22a21 Preview

Shades and Tints of #c22a21

Tones of #c22a21

Color Blindness Simulator