#c22c50 hex color

In a RGB color space, hex #c22c50 is composed of 76.1% red, 17.3% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.3% magenta, 58.8% yellow and 23.9% black. It has a hue angle of 345.6 degrees, a saturation of 63% and a lightness of 46.7%. #c22c50 color hex could be obtained by blending #ff58a0 with #850000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 76
- G 17
- B 31
RGB color chart
- C 0
- M 77
- Y 59
- K 24
CMYK color chart

● #c22c50 color description : Strong red.

The hexadecimal color #c22c50 has RGB values of R:194, G:44, B:80 and CMYK values of C:0, M:0.77, Y:0.59, K:0.24. Its decimal value is 12725328.

Hex triplet	c22c50	`#c22c50`
RGB Decimal	194, 44, 80	`rgb(194,44,80)`
RGB Percent	76.1, 17.3, 31.4	`rgb(76.1%,17.3%,31.4%)`
CMYK	0, 77, 59, 24
HSL	345.6°, 63, 46.7	`hsl(345.6,63%,46.7%)`
HSV (or HSB)	345.6°, 77.3, 76.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.021, 59.921, 16.468
XYZ	24.598, 13.853, 8.968
xyY	0.519, 0.292, 13.853
CIE-LCH	44.021, 62.142, 15.367
CIE-LUV	44.021, 103.937, 7.148
Hunter-Lab	37.219, 52.835, 11.768
Binary	11000010, 00101100, 01010000

#c22c50
```
#c22c50 rgb(194,44,80)
```
#2cc29e
```
#2cc29e rgb(44,194,158)
```

Complementary Color

#c22c9b
```
#c22c9b rgb(194,44,155)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#c2532c
```
#c2532c rgb(194,83,44)
```

Analogous Color

#2c9bc2
```
#2c9bc2 rgb(44,155,194)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#2cc253
```
#2cc253 rgb(44,194,83)
```

Split Complementary Color

#2c50c2
```
#2c50c2 rgb(44,80,194)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#50c22c
```
#50c22c rgb(80,194,44)
```

Triadic Color

#9e2cc2
```
#9e2cc2 rgb(158,44,194)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#50c22c
```
#50c22c rgb(80,194,44)
```
#2cc29e
```
#2cc29e rgb(44,194,158)
```

Tetradic Color

#841e36
```
#841e36 rgb(132,30,54)
```
#98233f
```
#98233f rgb(152,35,63)
```
#ad2747
```
#ad2747 rgb(173,39,71)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#d1365b
```
#d1365b rgb(209,54,91)
```
#d64b6c
```
#d64b6c rgb(214,75,108)
```
#db607d
```
#db607d rgb(219,96,125)
```

Monochromatic Color

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

#c22c76
```
#c22c76 rgb(194,44,118)
```
#c22c69
```
#c22c69 rgb(194,44,105)
```
#c22c5d
```
#c22c5d rgb(194,44,93)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#c22c43
```
#c22c43 rgb(194,44,67)
```
#c22c37
```
#c22c37 rgb(194,44,55)
```
#c22e2c
```
#c22e2c rgb(194,46,44)
```

Similar Colors

Text with hexadecimal color #c22c50

This text has a font color of #c22c50.

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

#c22c50 background color

This paragraph has a background color of #c22c50.

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

#c22c50 border color

This element has a border color of #c22c50.

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

CSS codes

.text {color:#c22c50;}

.background {background-color:#c22c50;}

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

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

#020001
```
#020001 rgb(2,0,1)
```
#120407
```
#120407 rgb(18,4,7)
```
#22080e
```
#22080e rgb(34,8,14)
```
#320b15
```
#320b15 rgb(50,11,21)
```
#420f1b
```
#420f1b rgb(66,15,27)
```
#521322
```
#521322 rgb(82,19,34)
```
#621628
```
#621628 rgb(98,22,40)
```
#721a2f
```
#721a2f rgb(114,26,47)
```
#821d36
```
#821d36 rgb(130,29,54)
```
#92213c
```
#92213c rgb(146,33,60)
```
#a22543
```
#a22543 rgb(162,37,67)
```
#b22849
```
#b22849 rgb(178,40,73)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```

Shade Color Variation

#d03157
```
#d03157 rgb(208,49,87)
```
#d44164
```
#d44164 rgb(212,65,100)
```
#d85171
```
#d85171 rgb(216,81,113)
```
#db617f
```
#db617f rgb(219,97,127)
```
#df718c
```
#df718c rgb(223,113,140)
```
#e28199
```
#e28199 rgb(226,129,153)
```
#e691a6
```
#e691a6 rgb(230,145,166)
```
#eaa1b3
```
#eaa1b3 rgb(234,161,179)
```
#edb1c0
```
#edb1c0 rgb(237,177,192)
```
#f1c1cd
```
#f1c1cd rgb(241,193,205)
```
#f5d1da
```
#f5d1da rgb(245,209,218)
```
#f8e1e7
```
#f8e1e7 rgb(248,225,231)
```
#fcf1f4
```
#fcf1f4 rgb(252,241,244)
```

Tint Color Variation

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

#797576
```
#797576 rgb(121,117,118)
```
#826c71
```
#826c71 rgb(130,108,113)
```
#8b636d
```
#8b636d rgb(139,99,109)
```
#945a68
```
#945a68 rgb(148,90,104)
```
#9d5163
```
#9d5163 rgb(157,81,99)
```
#a7475e
```
#a7475e rgb(167,71,94)
```
#b03e5a
```
#b03e5a rgb(176,62,90)
```
#b93555
```
#b93555 rgb(185,53,85)
```
#c22c50
```
#c22c50 rgb(194,44,80)
```
#cb234b
```
#cb234b rgb(203,35,75)
```
#d41a46
```
#d41a46 rgb(212,26,70)
```
#dd1142
```
#dd1142 rgb(221,17,66)
```
#e7073d
```
#e7073d rgb(231,7,61)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#71535a Atypical Achromatopsia 0.001% of the population

Dichromacy

#716f70 Protanopia 1% of men
#846b4f Deuteranopia 1% of men
#c33c3f Tritanopia 0.001% of the population

Trichromacy

#8e5664 Protanomaly 1% of men, 0.01% of women
#9a544f Deuteranomaly 6% of men, 0.4% of women
#c33645 Tritanomaly 0.01% of the population

#c22c50 hex color

#c22c50 Color Information

#c22c50 Color Conversion

Color Schemes with #c22c50

Alternatives to #c22c50

#c22c50 Preview

Shades and Tints of #c22c50

Tones of #c22c50

Color Blindness Simulator