#c2228f hex color

In a RGB color space, hex #c2228f is composed of 76.1% red, 13.3% green and 56.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.5% magenta, 26.3% yellow and 23.9% black. It has a hue angle of 319.1 degrees, a saturation of 70.2% and a lightness of 44.7%. #c2228f color hex could be obtained by blending #ff44ff with #85001f. Closest websafe color is: #cc3399.

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

● #c2228f color description : Strong pink.

The hexadecimal color #c2228f has RGB values of R:194, G:34, B:143 and CMYK values of C:0, M:0.82, Y:0.26, K:0.24. Its decimal value is 12722831.

Hex triplet	c2228f	`#c2228f`
RGB Decimal	194, 34, 143	`rgb(194,34,143)`
RGB Percent	76.1, 13.3, 56.1	`rgb(76.1%,13.3%,56.1%)`
CMYK	0, 82, 26, 24
HSL	319.1°, 70.2, 44.7	`hsl(319.1,70.2%,44.7%)`
HSV (or HSB)	319.1°, 82.5, 76.1
Web Safe	cc3399	`#cc3399`

CIE-LAB	45.08, 68.536, -20.865
XYZ	27.778, 14.599, 27.34
xyY	0.398, 0.209, 14.599
CIE-LCH	45.08, 71.642, 343.067
CIE-LUV	45.08, 82.111, -40.266
Hunter-Lab	38.209, 62.907, -15.679
Binary	11000010, 00100010, 10001111

#c2228f
```
#c2228f rgb(194,34,143)
```
#22c255
```
#22c255 rgb(34,194,85)
```

Complementary Color

#a522c2
```
#a522c2 rgb(165,34,194)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#c2223f
```
#c2223f rgb(194,34,63)
```

Analogous Color

#22c2a5
```
#22c2a5 rgb(34,194,165)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#3fc222
```
#3fc222 rgb(63,194,34)
```

Split Complementary Color

#228fc2
```
#228fc2 rgb(34,143,194)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#8fc222
```
#8fc222 rgb(143,194,34)
```

Triadic Color

#5522c2
```
#5522c2 rgb(85,34,194)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#8fc222
```
#8fc222 rgb(143,194,34)
```
#22c255
```
#22c255 rgb(34,194,85)
```

Tetradic Color

#81175f
```
#81175f rgb(129,23,95)
```
#971a6f
```
#971a6f rgb(151,26,111)
```
#ac1e7f
```
#ac1e7f rgb(172,30,127)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#d8269f
```
#d8269f rgb(216,38,159)
```
#dd3aa9
```
#dd3aa9 rgb(221,58,169)
```
#e050b2
```
#e050b2 rgb(224,80,178)
```

Monochromatic Color

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

#c222b7
```
#c222b7 rgb(194,34,183)
```
#c222aa
```
#c222aa rgb(194,34,170)
```
#c2229c
```
#c2229c rgb(194,34,156)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#c22282
```
#c22282 rgb(194,34,130)
```
#c22274
```
#c22274 rgb(194,34,116)
```
#c22267
```
#c22267 rgb(194,34,103)
```

Similar Colors

Text with hexadecimal color #c2228f

This text has a font color of #c2228f.

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

#c2228f background color

This paragraph has a background color of #c2228f.

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

#c2228f border color

This element has a border color of #c2228f.

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

CSS codes

.text {color:#c2228f;}

.background {background-color:#c2228f;}

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

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

#0a0208
```
#0a0208 rgb(10,2,8)
```
#1b0514
```
#1b0514 rgb(27,5,20)
```
#2c0820
```
#2c0820 rgb(44,8,32)
```
#3c0b2d
```
#3c0b2d rgb(60,11,45)
```
#4d0e39
```
#4d0e39 rgb(77,14,57)
```
#5e1045
```
#5e1045 rgb(94,16,69)
```
#6f1351
```
#6f1351 rgb(111,19,81)
```
#7f165e
```
#7f165e rgb(127,22,94)
```
#90196a
```
#90196a rgb(144,25,106)
```
#a11c76
```
#a11c76 rgb(161,28,118)
```
#b11f83
```
#b11f83 rgb(177,31,131)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#d3259b
```
#d3259b rgb(211,37,155)
```

Shade Color Variation

#db30a4
```
#db30a4 rgb(219,48,164)
```
#de41ac
```
#de41ac rgb(222,65,172)
```
#e152b3
```
#e152b3 rgb(225,82,179)
```
#e463ba
```
#e463ba rgb(228,99,186)
```
#e673c2
```
#e673c2 rgb(230,115,194)
```
#e984c9
```
#e984c9 rgb(233,132,201)
```
#ec95d0
```
#ec95d0 rgb(236,149,208)
```
#efa5d8
```
#efa5d8 rgb(239,165,216)
```
#f2b6df
```
#f2b6df rgb(242,182,223)
```
#f5c7e6
```
#f5c7e6 rgb(245,199,230)
```
#f8d7ee
```
#f8d7ee rgb(248,215,238)
```
#fbe8f5
```
#fbe8f5 rgb(251,232,245)
```
#fef9fc
```
#fef9fc rgb(254,249,252)
```

Tint Color Variation

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

#737172
```
#737172 rgb(115,113,114)
```
#7c6876
```
#7c6876 rgb(124,104,118)
```
#855f79
```
#855f79 rgb(133,95,121)
```
#8d577c
```
#8d577c rgb(141,87,124)
```
#964e7f
```
#964e7f rgb(150,78,127)
```
#9f4582
```
#9f4582 rgb(159,69,130)
```
#a83c85
```
#a83c85 rgb(168,60,133)
```
#b03489
```
#b03489 rgb(176,52,137)
```
#b92b8c
```
#b92b8c rgb(185,43,140)
```
#c2228f
```
#c2228f rgb(194,34,143)
```
#cb1992
```
#cb1992 rgb(203,25,146)
```
#d41095
```
#d41095 rgb(212,16,149)
```
#dc0899
```
#dc0899 rgb(220,8,153)
```

Tone Color Variation

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

#5e5e5e Achromatopsia 0.005% of the population
#725268 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4b6fbd Protanopia 1% of men
#717087 Deuteranopia 1% of men
#bf484c Tritanopia 0.001% of the population

Trichromacy

#7653ac Protanomaly 1% of men, 0.01% of women
#8e538a Deuteranomaly 6% of men, 0.4% of women
#c03a64 Tritanomaly 0.01% of the population

#c2228f hex color

#c2228f Color Information

#c2228f Color Conversion

Color Schemes with #c2228f

Alternatives to #c2228f

#c2228f Preview

Shades and Tints of #c2228f

Tones of #c2228f

Color Blindness Simulator