#c22155 hex color

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

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

● #c22155 color description : Strong pink.

The hexadecimal color #c22155 has RGB values of R:194, G:33, B:85 and CMYK values of C:0, M:0.83, Y:0.56, K:0.24. Its decimal value is 12722517.

Hex triplet	c22155	`#c22155`
RGB Decimal	194, 33, 85	`rgb(194,33,85)`
RGB Percent	76.1, 12.9, 33.3	`rgb(76.1%,12.9%,33.3%)`
CMYK	0, 83, 56, 24
HSL	340.6°, 70.9, 44.5	`hsl(340.6,70.9%,44.5%)`
HSV (or HSB)	340.6°, 83, 76.1
Web Safe	cc3366	`#cc3366`

CIE-LAB	43.087, 63.234, 12.067
XYZ	24.433, 13.216, 9.858
xyY	0.514, 0.278, 13.216
CIE-LCH	43.087, 64.375, 10.804
CIE-LUV	43.087, 106.203, 1.792
Hunter-Lab	36.353, 56.349, 9.369
Binary	11000010, 00100001, 01010101

#c22155
```
#c22155 rgb(194,33,85)
```
#21c28e
```
#21c28e rgb(33,194,142)
```

Complementary Color

#c221a6
```
#c221a6 rgb(194,33,166)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#c23e21
```
#c23e21 rgb(194,62,33)
```

Analogous Color

#21a6c2
```
#21a6c2 rgb(33,166,194)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#21c23e
```
#21c23e rgb(33,194,62)
```

Split Complementary Color

#2155c2
```
#2155c2 rgb(33,85,194)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#55c221
```
#55c221 rgb(85,194,33)
```

Triadic Color

#8e21c2
```
#8e21c2 rgb(142,33,194)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#55c221
```
#55c221 rgb(85,194,33)
```
#21c28e
```
#21c28e rgb(33,194,142)
```

Tetradic Color

#811638
```
#811638 rgb(129,22,56)
```
#961a42
```
#961a42 rgb(150,26,66)
```
#ac1d4b
```
#ac1d4b rgb(172,29,75)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#d8255f
```
#d8255f rgb(216,37,95)
```
#dd396e
```
#dd396e rgb(221,57,110)
```
#e14f7e
```
#e14f7e rgb(225,79,126)
```

Monochromatic Color

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

#c2217d
```
#c2217d rgb(194,33,125)
```
#c22170
```
#c22170 rgb(194,33,112)
```
#c22162
```
#c22162 rgb(194,33,98)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#c22148
```
#c22148 rgb(194,33,72)
```
#c2213a
```
#c2213a rgb(194,33,58)
```
#c2212d
```
#c2212d rgb(194,33,45)
```

Similar Colors

Text with hexadecimal color #c22155

This text has a font color of #c22155.

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

#c22155 background color

This paragraph has a background color of #c22155.

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

#c22155 border color

This element has a border color of #c22155.

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

CSS codes

.text {color:#c22155;}

.background {background-color:#c22155;}

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

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, #0a0204 is the darkest color, while #fef8fa is the lightest one.

#0a0204
```
#0a0204 rgb(10,2,4)
```
#1a040c
```
#1a040c rgb(26,4,12)
```
#2b0713
```
#2b0713 rgb(43,7,19)
```
#3c0a1a
```
#3c0a1a rgb(60,10,26)
```
#4d0d22
```
#4d0d22 rgb(77,13,34)
```
#5d1029
```
#5d1029 rgb(93,16,41)
```
#6e1330
```
#6e1330 rgb(110,19,48)
```
#7f1638
```
#7f1638 rgb(127,22,56)
```
#90183f
```
#90183f rgb(144,24,63)
```
#a01b46
```
#a01b46 rgb(160,27,70)
```
#b11e4e
```
#b11e4e rgb(177,30,78)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#d3245c
```
#d3245c rgb(211,36,92)
```

Shade Color Variation

#dc2f67
```
#dc2f67 rgb(220,47,103)
```
#de3f73
```
#de3f73 rgb(222,63,115)
```
#e1507f
```
#e1507f rgb(225,80,127)
```
#e4618b
```
#e4618b rgb(228,97,139)
```
#e77298
```
#e77298 rgb(231,114,152)
```
#ea82a4
```
#ea82a4 rgb(234,130,164)
```
#ed93b0
```
#ed93b0 rgb(237,147,176)
```
#f0a4bc
```
#f0a4bc rgb(240,164,188)
```
#f2b5c9
```
#f2b5c9 rgb(242,181,201)
```
#f5c6d5
```
#f5c6d5 rgb(245,198,213)
```
#f8d6e1
```
#f8d6e1 rgb(248,214,225)
```
#fbe7ed
```
#fbe7ed rgb(251,231,237)
```
#fef8fa
```
#fef8fa rgb(254,248,250)
```

Tint Color Variation

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

#737071
```
#737071 rgb(115,112,113)
```
#7c676e
```
#7c676e rgb(124,103,110)
```
#855e6b
```
#855e6b rgb(133,94,107)
```
#8e5568
```
#8e5568 rgb(142,85,104)
```
#964d64
```
#964d64 rgb(150,77,100)
```
#9f4461
```
#9f4461 rgb(159,68,97)
```
#a83b5e
```
#a83b5e rgb(168,59,94)
```
#b1325b
```
#b1325b rgb(177,50,91)
```
#b92a58
```
#b92a58 rgb(185,42,88)
```
#c22155
```
#c22155 rgb(194,33,85)
```
#cb1852
```
#cb1852 rgb(203,24,82)
```
#d3104f
```
#d3104f rgb(211,16,79)
```
#dc074c
```
#dc074c rgb(220,7,76)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#6c4c57 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6c79 Protanopia 1% of men
#806953 Deuteranopia 1% of men
#c33638 Tritanopia 0.001% of the population

Trichromacy

#8b516b Protanomaly 1% of men, 0.01% of women
#984f54 Deuteranomaly 6% of men, 0.4% of women
#c22e42 Tritanomaly 0.01% of the population

#c22155 hex color

#c22155 Color Information

#c22155 Color Conversion

Color Schemes with #c22155

Alternatives to #c22155

#c22155 Preview

Shades and Tints of #c22155

Tones of #c22155

Color Blindness Simulator