#c22a70 hex color

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

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

● #c22a70 color description : Strong pink.

The hexadecimal color #c22a70 has RGB values of R:194, G:42, B:112 and CMYK values of C:0, M:0.78, Y:0.42, K:0.24. Its decimal value is 12724848.

Hex triplet	c22a70	`#c22a70`
RGB Decimal	194, 42, 112	`rgb(194,42,112)`
RGB Percent	76.1, 16.5, 43.9	`rgb(76.1%,16.5%,43.9%)`
CMYK	0, 78, 42, 24
HSL	332.4°, 64.4, 46.3	`hsl(332.4,64.4%,46.3%)`
HSV (or HSB)	332.4°, 78.4, 76.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	44.657, 63.128, -2.516
XYZ	26.001, 14.298, 16.719
xyY	0.456, 0.251, 14.298
CIE-LCH	44.657, 63.178, 357.717
CIE-LUV	44.657, 92.903, -14.842
Hunter-Lab	37.812, 56.572, 0.253
Binary	11000010, 00101010, 01110000

#c22a70
```
#c22a70 rgb(194,42,112)
```
#2ac27c
```
#2ac27c rgb(42,194,124)
```

Complementary Color

#c22abc
```
#c22abc rgb(194,42,188)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#c2302a
```
#c2302a rgb(194,48,42)
```

Analogous Color

#2abcc2
```
#2abcc2 rgb(42,188,194)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#2ac230
```
#2ac230 rgb(42,194,48)
```

Split Complementary Color

#2a70c2
```
#2a70c2 rgb(42,112,194)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#70c22a
```
#70c22a rgb(112,194,42)
```

Triadic Color

#7c2ac2
```
#7c2ac2 rgb(124,42,194)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#70c22a
```
#70c22a rgb(112,194,42)
```
#2ac27c
```
#2ac27c rgb(42,194,124)
```

Tetradic Color

#831c4c
```
#831c4c rgb(131,28,76)
```
#982158
```
#982158 rgb(152,33,88)
```
#ad2564
```
#ad2564 rgb(173,37,100)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#d3337c
```
#d3337c rgb(211,51,124)
```
#d7488a
```
#d7488a rgb(215,72,138)
```
#dc5d97
```
#dc5d97 rgb(220,93,151)
```

Monochromatic Color

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

#c22a96
```
#c22a96 rgb(194,42,150)
```
#c22a89
```
#c22a89 rgb(194,42,137)
```
#c22a7d
```
#c22a7d rgb(194,42,125)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#c22a63
```
#c22a63 rgb(194,42,99)
```
#c22a57
```
#c22a57 rgb(194,42,87)
```
#c22a4a
```
#c22a4a rgb(194,42,74)
```

Similar Colors

Text with hexadecimal color #c22a70

This text has a font color of #c22a70.

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

#c22a70 background color

This paragraph has a background color of #c22a70.

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

#c22a70 border color

This element has a border color of #c22a70.

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

CSS codes

.text {color:#c22a70;}

.background {background-color:#c22a70;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#11040a
```
#11040a rgb(17,4,10)
```
#210713
```
#210713 rgb(33,7,19)
```
#310b1c
```
#310b1c rgb(49,11,28)
```
#410e26
```
#410e26 rgb(65,14,38)
```
#51122f
```
#51122f rgb(81,18,47)
```
#611538
```
#611538 rgb(97,21,56)
```
#711941
```
#711941 rgb(113,25,65)
```
#821c4b
```
#821c4b rgb(130,28,75)
```
#922054
```
#922054 rgb(146,32,84)
```
#a2235d
```
#a2235d rgb(162,35,93)
```
#b22767
```
#b22767 rgb(178,39,103)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```

Shade Color Variation

#d22e79
```
#d22e79 rgb(210,46,121)
```
#d53e84
```
#d53e84 rgb(213,62,132)
```
#d94e8e
```
#d94e8e rgb(217,78,142)
```
#dc5e98
```
#dc5e98 rgb(220,94,152)
```
#e06ea3
```
#e06ea3 rgb(224,110,163)
```
#e37fad
```
#e37fad rgb(227,127,173)
```
#e78fb7
```
#e78fb7 rgb(231,143,183)
```
#ea9fc1
```
#ea9fc1 rgb(234,159,193)
```
#eeafcc
```
#eeafcc rgb(238,175,204)
```
#f1bfd6
```
#f1bfd6 rgb(241,191,214)
```
#f5cfe0
```
#f5cfe0 rgb(245,207,224)
```
#f8dfeb
```
#f8dfeb rgb(248,223,235)
```
#fceff5
```
#fceff5 rgb(252,239,245)
```

Tint Color Variation

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

#797376
```
#797376 rgb(121,115,118)
```
#826a75
```
#826a75 rgb(130,106,117)
```
#8c6074
```
#8c6074 rgb(140,96,116)
```
#955774
```
#955774 rgb(149,87,116)
```
#9e4e73
```
#9e4e73 rgb(158,78,115)
```
#a74572
```
#a74572 rgb(167,69,114)
```
#b03c71
```
#b03c71 rgb(176,60,113)
```
#b93371
```
#b93371 rgb(185,51,113)
```
#c22a70
```
#c22a70 rgb(194,42,112)
```
#cb216f
```
#cb216f rgb(203,33,111)
```
#d4186f
```
#d4186f rgb(212,24,111)
```
#dd0f6e
```
#dd0f6e rgb(221,15,110)
```
#e6066d
```
#e6066d rgb(230,6,109)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#735462 Atypical Achromatopsia 0.001% of the population

Dichromacy

#657096 Protanopia 1% of men
#7d6d6c Deuteranopia 1% of men
#c24346 Tritanopia 0.001% of the population

Trichromacy

#875688 Protanomaly 1% of men, 0.01% of women
#96556d Deuteranomaly 6% of men, 0.4% of women
#c23a55 Tritanomaly 0.01% of the population

#c22a70 hex color

#c22a70 Color Information

#c22a70 Color Conversion

Color Schemes with #c22a70

Alternatives to #c22a70

#c22a70 Preview

Shades and Tints of #c22a70

Tones of #c22a70

Color Blindness Simulator