#cc2a8e hex color

In a RGB color space, hex #cc2a8e is composed of 80% red, 16.5% green and 55.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.4% magenta, 30.4% yellow and 20% black. It has a hue angle of 323 degrees, a saturation of 65.9% and a lightness of 48.2%. #cc2a8e color hex could be obtained by blending #ff54ff with #99001d. Closest websafe color is: #cc3399.

♥
- f
- t
- g
- R 80
- G 16
- B 56
RGB color chart
- C 0
- M 79
- Y 30
- K 20
CMYK color chart

● #cc2a8e color description : Strong pink.

The hexadecimal color #cc2a8e has RGB values of R:204, G:42, B:142 and CMYK values of C:0, M:0.79, Y:0.3, K:0.2. Its decimal value is 13380238.

Hex triplet	cc2a8e	`#cc2a8e`
RGB Decimal	204, 42, 142	`rgb(204,42,142)`
RGB Percent	80, 16.5, 55.7	`rgb(80%,16.5%,55.7%)`
CMYK	0, 79, 30, 20
HSL	323°, 65.9, 48.2	`hsl(323,65.9%,48.2%)`
HSV (or HSB)	323°, 79.4, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	47.558, 68.776, -16.303
XYZ	30.613, 16.449, 27.153
xyY	0.412, 0.222, 16.449
CIE-LCH	47.558, 70.682, 346.664
CIE-LUV	47.558, 88.678, -34.462
Hunter-Lab	40.558, 63.755, -11.303
Binary	11001100, 00101010, 10001110

#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#2acc68
```
#2acc68 rgb(42,204,104)
```

Complementary Color

#b92acc
```
#b92acc rgb(185,42,204)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#cc2a3d
```
#cc2a3d rgb(204,42,61)
```

Analogous Color

#2accb9
```
#2accb9 rgb(42,204,185)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#3dcc2a
```
#3dcc2a rgb(61,204,42)
```

Split Complementary Color

#2a8ecc
```
#2a8ecc rgb(42,142,204)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#8ecc2a
```
#8ecc2a rgb(142,204,42)
```

Triadic Color

#682acc
```
#682acc rgb(104,42,204)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#8ecc2a
```
#8ecc2a rgb(142,204,42)
```
#2acc68
```
#2acc68 rgb(42,204,104)
```

Tetradic Color

#8d1d62
```
#8d1d62 rgb(141,29,98)
```
#a22171
```
#a22171 rgb(162,33,113)
```
#b7267f
```
#b7267f rgb(183,38,127)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#d6399a
```
#d6399a rgb(214,57,154)
```
#db4ea5
```
#db4ea5 rgb(219,78,165)
```
#df64b0
```
#df64b0 rgb(223,100,176)
```

Monochromatic Color

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

#cc2ab7
```
#cc2ab7 rgb(204,42,183)
```
#cc2aa9
```
#cc2aa9 rgb(204,42,169)
```
#cc2a9c
```
#cc2a9c rgb(204,42,156)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#cc2a81
```
#cc2a81 rgb(204,42,129)
```
#cc2a73
```
#cc2a73 rgb(204,42,115)
```
#cc2a66
```
#cc2a66 rgb(204,42,102)
```

Similar Colors

Text with hexadecimal color #cc2a8e

This text has a font color of #cc2a8e.

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

#cc2a8e background color

This paragraph has a background color of #cc2a8e.

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

#cc2a8e border color

This element has a border color of #cc2a8e.

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

CSS codes

.text {color:#cc2a8e;}

.background {background-color:#cc2a8e;}

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

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

#090206
```
#090206 rgb(9,2,6)
```
#190511
```
#190511 rgb(25,5,17)
```
#29091d
```
#29091d rgb(41,9,29)
```
#3a0c28
```
#3a0c28 rgb(58,12,40)
```
#4a0f33
```
#4a0f33 rgb(74,15,51)
```
#5a133f
```
#5a133f rgb(90,19,63)
```
#6a164a
```
#6a164a rgb(106,22,74)
```
#7b1955
```
#7b1955 rgb(123,25,85)
```
#8b1d61
```
#8b1d61 rgb(139,29,97)
```
#9b206c
```
#9b206c rgb(155,32,108)
```
#ab2377
```
#ab2377 rgb(171,35,119)
```
#bc2783
```
#bc2783 rgb(188,39,131)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```

Shade Color Variation

#d53498
```
#d53498 rgb(213,52,152)
```
#d945a0
```
#d945a0 rgb(217,69,160)
```
#dc55a8
```
#dc55a8 rgb(220,85,168)
```
#df65b1
```
#df65b1 rgb(223,101,177)
```
#e375b9
```
#e375b9 rgb(227,117,185)
```
#e686c1
```
#e686c1 rgb(230,134,193)
```
#e996c9
```
#e996c9 rgb(233,150,201)
```
#eda6d2
```
#eda6d2 rgb(237,166,210)
```
#f0b6da
```
#f0b6da rgb(240,182,218)
```
#f3c7e2
```
#f3c7e2 rgb(243,199,226)
```
#f7d7eb
```
#f7d7eb rgb(247,215,235)
```
#fae7f3
```
#fae7f3 rgb(250,231,243)
```
#fdf8fb
```
#fdf8fb rgb(253,248,251)
```

Tint Color Variation

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

#80767c
```
#80767c rgb(128,118,124)
```
#8a6c7e
```
#8a6c7e rgb(138,108,126)
```
#936381
```
#936381 rgb(147,99,129)
```
#9d5983
```
#9d5983 rgb(157,89,131)
```
#a65085
```
#a65085 rgb(166,80,133)
```
#b04687
```
#b04687 rgb(176,70,135)
```
#b93d8a
```
#b93d8a rgb(185,61,138)
```
#c3338c
```
#c3338c rgb(195,51,140)
```
#cc2a8e
```
#cc2a8e rgb(204,42,142)
```
#d52190
```
#d52190 rgb(213,33,144)
```
#df1792
```
#df1792 rgb(223,23,146)
```
#e80e95
```
#e80e95 rgb(232,14,149)
```
#f20497
```
#f20497 rgb(242,4,151)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#7a5a6e Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a75ba Protanopia 1% of men
#7b7587 Deuteranopia 1% of men
#c94c50 Tritanopia 0.001% of the population

Trichromacy

#835aaa Protanomaly 1% of men, 0.01% of women
#995989 Deuteranomaly 6% of men, 0.4% of women
#ca3f66 Tritanomaly 0.01% of the population

#cc2a8e hex color

#cc2a8e Color Information

#cc2a8e Color Conversion

Color Schemes with #cc2a8e

Alternatives to #cc2a8e

#cc2a8e Preview

Shades and Tints of #cc2a8e

Tones of #cc2a8e

Color Blindness Simulator