#c22a4c hex color

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

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

● #c22a4c color description : Strong red.

The hexadecimal color #c22a4c has RGB values of R:194, G:42, B:76 and CMYK values of C:0, M:0.78, Y:0.61, K:0.24. Its decimal value is 12724812.

Hex triplet	c22a4c	`#c22a4c`
RGB Decimal	194, 42, 76	`rgb(194,42,76)`
RGB Percent	76.1, 16.5, 29.8	`rgb(76.1%,16.5%,29.8%)`
CMYK	0, 78, 61, 24
HSL	346.6°, 64.4, 46.3	`hsl(346.6,64.4%,46.3%)`
HSV (or HSB)	346.6°, 78.4, 76.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	43.727, 60.253, 18.559
XYZ	24.382, 13.65, 8.188
xyY	0.528, 0.295, 13.65
CIE-LCH	43.727, 63.047, 17.12
CIE-LUV	43.727, 106.064, 9.041
Hunter-Lab	36.946, 53.142, 12.722
Binary	11000010, 00101010, 01001100

#c22a4c
```
#c22a4c rgb(194,42,76)
```
#2ac2a0
```
#2ac2a0 rgb(42,194,160)
```

Complementary Color

#c22a98
```
#c22a98 rgb(194,42,152)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#c2542a
```
#c2542a rgb(194,84,42)
```

Analogous Color

#2a98c2
```
#2a98c2 rgb(42,152,194)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#2ac254
```
#2ac254 rgb(42,194,84)
```

Split Complementary Color

#2a4cc2
```
#2a4cc2 rgb(42,76,194)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#4cc22a
```
#4cc22a rgb(76,194,42)
```

Triadic Color

#a02ac2
```
#a02ac2 rgb(160,42,194)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#4cc22a
```
#4cc22a rgb(76,194,42)
```
#2ac2a0
```
#2ac2a0 rgb(42,194,160)
```

Tetradic Color

#831c33
```
#831c33 rgb(131,28,51)
```
#98213c
```
#98213c rgb(152,33,60)
```
#ad2544
```
#ad2544 rgb(173,37,68)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#d33357
```
#d33357 rgb(211,51,87)
```
#d74868
```
#d74868 rgb(215,72,104)
```
#dc5d79
```
#dc5d79 rgb(220,93,121)
```

Monochromatic Color

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

#c22a72
```
#c22a72 rgb(194,42,114)
```
#c22a65
```
#c22a65 rgb(194,42,101)
```
#c22a59
```
#c22a59 rgb(194,42,89)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#c22a3f
```
#c22a3f rgb(194,42,63)
```
#c22a33
```
#c22a33 rgb(194,42,51)
```
#c22e2a
```
#c22e2a rgb(194,46,42)
```

Similar Colors

Text with hexadecimal color #c22a4c

This text has a font color of #c22a4c.

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

#c22a4c background color

This paragraph has a background color of #c22a4c.

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

#c22a4c border color

This element has a border color of #c22a4c.

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

CSS codes

.text {color:#c22a4c;}

.background {background-color:#c22a4c;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#110407
```
#110407 rgb(17,4,7)
```
#21070d
```
#21070d rgb(33,7,13)
```
#310b13
```
#310b13 rgb(49,11,19)
```
#410e19
```
#410e19 rgb(65,14,25)
```
#511220
```
#511220 rgb(81,18,32)
```
#611526
```
#611526 rgb(97,21,38)
```
#71192c
```
#71192c rgb(113,25,44)
```
#821c33
```
#821c33 rgb(130,28,51)
```
#922039
```
#922039 rgb(146,32,57)
```
#a2233f
```
#a2233f rgb(162,35,63)
```
#b22746
```
#b22746 rgb(178,39,70)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```

Shade Color Variation

#d22e53
```
#d22e53 rgb(210,46,83)
```
#d53e60
```
#d53e60 rgb(213,62,96)
```
#d94e6d
```
#d94e6d rgb(217,78,109)
```
#dc5e7a
```
#dc5e7a rgb(220,94,122)
```
#e06e88
```
#e06e88 rgb(224,110,136)
```
#e37f95
```
#e37f95 rgb(227,127,149)
```
#e78fa2
```
#e78fa2 rgb(231,143,162)
```
#ea9fb0
```
#ea9fb0 rgb(234,159,176)
```
#eeafbd
```
#eeafbd rgb(238,175,189)
```
#f1bfca
```
#f1bfca rgb(241,191,202)
```
#f5cfd8
```
#f5cfd8 rgb(245,207,216)
```
#f8dfe5
```
#f8dfe5 rgb(248,223,229)
```
#fceff2
```
#fceff2 rgb(252,239,242)
```

Tint Color Variation

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

#797374
```
#797374 rgb(121,115,116)
```
#826a6f
```
#826a6f rgb(130,106,111)
```
#8c606a
```
#8c606a rgb(140,96,106)
```
#955765
```
#955765 rgb(149,87,101)
```
#9e4e60
```
#9e4e60 rgb(158,78,96)
```
#a7455b
```
#a7455b rgb(167,69,91)
```
#b03c56
```
#b03c56 rgb(176,60,86)
```
#b93351
```
#b93351 rgb(185,51,81)
```
#c22a4c
```
#c22a4c rgb(194,42,76)
```
#cb2147
```
#cb2147 rgb(203,33,71)
```
#d41842
```
#d41842 rgb(212,24,66)
```
#dd0f3d
```
#dd0f3d rgb(221,15,61)
```
#e60638
```
#e60638 rgb(230,6,56)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#705158 Atypical Achromatopsia 0.001% of the population

Dichromacy

#716e6c Protanopia 1% of men
#846a4b Deuteranopia 1% of men
#c43a3c Tritanopia 0.001% of the population

Trichromacy

#8e5560 Protanomaly 1% of men, 0.01% of women
#9a534b Deuteranomaly 6% of men, 0.4% of women
#c33442 Tritanomaly 0.01% of the population

#c22a4c hex color

#c22a4c Color Information

#c22a4c Color Conversion

Color Schemes with #c22a4c

Alternatives to #c22a4c

#c22a4c Preview

Shades and Tints of #c22a4c

Tones of #c22a4c

Color Blindness Simulator