#c22a30 hex color

In a RGB color space, hex #c22a30 is composed of 76.1% red, 16.5% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.4% magenta, 75.3% yellow and 23.9% black. It has a hue angle of 357.6 degrees, a saturation of 64.4% and a lightness of 46.3%. #c22a30 color hex could be obtained by blending #ff5460 with #850000. Closest websafe color is: #cc3333.

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

● #c22a30 color description : Strong red.

The hexadecimal color #c22a30 has RGB values of R:194, G:42, B:48 and CMYK values of C:0, M:0.78, Y:0.75, K:0.24. Its decimal value is 12724784.

Hex triplet	c22a30	`#c22a30`
RGB Decimal	194, 42, 48	`rgb(194,42,48)`
RGB Percent	76.1, 16.5, 18.8	`rgb(76.1%,16.5%,18.8%)`
CMYK	0, 78, 75, 24
HSL	357.6°, 64.4, 46.3	`hsl(357.6,64.4%,46.3%)`
HSV (or HSB)	357.6°, 78.4, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.273, 58.823, 35.007
XYZ	23.611, 13.342, 4.128
xyY	0.575, 0.325, 13.342
CIE-LCH	43.273, 68.452, 30.758
CIE-LUV	43.273, 113.716, 22.613
Hunter-Lab	36.526, 51.463, 18.867
Binary	11000010, 00101010, 00110000

#c22a30
```
#c22a30 rgb(194,42,48)
```
#2ac2bc
```
#2ac2bc rgb(42,194,188)
```

Complementary Color

#c22a7c
```
#c22a7c rgb(194,42,124)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#c2702a
```
#c2702a rgb(194,112,42)
```

Analogous Color

#2a7cc2
```
#2a7cc2 rgb(42,124,194)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#2ac270
```
#2ac270 rgb(42,194,112)
```

Split Complementary Color

#2a30c2
```
#2a30c2 rgb(42,48,194)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#30c22a
```
#30c22a rgb(48,194,42)
```

Triadic Color

#bc2ac2
```
#bc2ac2 rgb(188,42,194)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#30c22a
```
#30c22a rgb(48,194,42)
```
#2ac2bc
```
#2ac2bc rgb(42,194,188)
```

Tetradic Color

#831c20
```
#831c20 rgb(131,28,32)
```
#982126
```
#982126 rgb(152,33,38)
```
#ad252b
```
#ad252b rgb(173,37,43)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#d33339
```
#d33339 rgb(211,51,57)
```
#d7484d
```
#d7484d rgb(215,72,77)
```
#dc5d62
```
#dc5d62 rgb(220,93,98)
```

Monochromatic Color

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

#c22a56
```
#c22a56 rgb(194,42,86)
```
#c22a49
```
#c22a49 rgb(194,42,73)
```
#c22a3d
```
#c22a3d rgb(194,42,61)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#c2312a
```
#c2312a rgb(194,49,42)
```
#c23d2a
```
#c23d2a rgb(194,61,42)
```
#c24a2a
```
#c24a2a rgb(194,74,42)
```

Similar Colors

Text with hexadecimal color #c22a30

This text has a font color of #c22a30.

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

#c22a30 background color

This paragraph has a background color of #c22a30.

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

#c22a30 border color

This element has a border color of #c22a30.

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

CSS codes

.text {color:#c22a30;}

.background {background-color:#c22a30;}

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

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, #010000 is the darkest color, while #fceff0 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#110404
```
#110404 rgb(17,4,4)
```
#210708
```
#210708 rgb(33,7,8)
```
#310b0c
```
#310b0c rgb(49,11,12)
```
#410e10
```
#410e10 rgb(65,14,16)
```
#511214
```
#511214 rgb(81,18,20)
```
#611518
```
#611518 rgb(97,21,24)
```
#71191c
```
#71191c rgb(113,25,28)
```
#821c20
```
#821c20 rgb(130,28,32)
```
#922024
```
#922024 rgb(146,32,36)
```
#a22328
```
#a22328 rgb(162,35,40)
```
#b2272c
```
#b2272c rgb(178,39,44)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```

Shade Color Variation

#d22e34
```
#d22e34 rgb(210,46,52)
```
#d53e44
```
#d53e44 rgb(213,62,68)
```
#d94e54
```
#d94e54 rgb(217,78,84)
```
#dc5e63
```
#dc5e63 rgb(220,94,99)
```
#e06e73
```
#e06e73 rgb(224,110,115)
```
#e37f82
```
#e37f82 rgb(227,127,130)
```
#e78f92
```
#e78f92 rgb(231,143,146)
```
#ea9fa2
```
#ea9fa2 rgb(234,159,162)
```
#eeafb1
```
#eeafb1 rgb(238,175,177)
```
#f1bfc1
```
#f1bfc1 rgb(241,191,193)
```
#f5cfd1
```
#f5cfd1 rgb(245,207,209)
```
#f8dfe0
```
#f8dfe0 rgb(248,223,224)
```
#fceff0
```
#fceff0 rgb(252,239,240)
```

Tint Color Variation

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

#797373
```
#797373 rgb(121,115,115)
```
#826a6b
```
#826a6b rgb(130,106,107)
```
#8c6062
```
#8c6062 rgb(140,96,98)
```
#95575a
```
#95575a rgb(149,87,90)
```
#9e4e51
```
#9e4e51 rgb(158,78,81)
```
#a74549
```
#a74549 rgb(167,69,73)
```
#b03c41
```
#b03c41 rgb(176,60,65)
```
#b93338
```
#b93338 rgb(185,51,56)
```
#c22a30
```
#c22a30 rgb(194,42,48)
```
#cb2128
```
#cb2128 rgb(203,33,40)
```
#d4181f
```
#d4181f rgb(212,24,31)
```
#dd0f17
```
#dd0f17 rgb(221,15,23)
```
#e6060f
```
#e6060f rgb(230,6,15)
```

Tone Color Variation

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

#585858 Achromatopsia 0.005% of the population
#6d4f50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#776e4b Protanopia 1% of men
#87692f Deuteranopia 1% of men
#c53537 Tritanopia 0.001% of the population

Trichromacy

#925541 Protanomaly 1% of men, 0.01% of women
#9c522f Deuteranomaly 6% of men, 0.4% of women
#c33134 Tritanomaly 0.01% of the population

#c22a30 hex color

#c22a30 Color Information

#c22a30 Color Conversion

Color Schemes with #c22a30

Alternatives to #c22a30

#c22a30 Preview

Shades and Tints of #c22a30

Tones of #c22a30

Color Blindness Simulator