#cc2a99 hex color

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

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

● #cc2a99 color description : Strong pink.

The hexadecimal color #cc2a99 has RGB values of R:204, G:42, B:153 and CMYK values of C:0, M:0.79, Y:0.25, K:0.2. Its decimal value is 13380249.

Hex triplet	cc2a99	`#cc2a99`
RGB Decimal	204, 42, 153	`rgb(204,42,153)`
RGB Percent	80, 16.5, 60	`rgb(80%,16.5%,60%)`
CMYK	0, 79, 25, 20
HSL	318.9°, 65.9, 48.2	`hsl(318.9,65.9%,48.2%)`
HSV (or HSB)	318.9°, 79.4, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.002, 70.07, -22.234
XYZ	31.48, 16.796, 31.719
xyY	0.394, 0.21, 16.796
CIE-LCH	48.002, 73.513, 342.395
CIE-LUV	48.002, 84.101, -43.084
Hunter-Lab	40.983, 65.389, -17.2
Binary	11001100, 00101010, 10011001

#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#2acc5d
```
#2acc5d rgb(42,204,93)
```

Complementary Color

#ae2acc
```
#ae2acc rgb(174,42,204)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#cc2a48
```
#cc2a48 rgb(204,42,72)
```

Analogous Color

#2accae
```
#2accae rgb(42,204,174)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#48cc2a
```
#48cc2a rgb(72,204,42)
```

Split Complementary Color

#2a99cc
```
#2a99cc rgb(42,153,204)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#99cc2a
```
#99cc2a rgb(153,204,42)
```

Triadic Color

#5d2acc
```
#5d2acc rgb(93,42,204)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#99cc2a
```
#99cc2a rgb(153,204,42)
```
#2acc5d
```
#2acc5d rgb(42,204,93)
```

Tetradic Color

#8d1d69
```
#8d1d69 rgb(141,29,105)
```
#a22179
```
#a22179 rgb(162,33,121)
```
#b72689
```
#b72689 rgb(183,38,137)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#d639a5
```
#d639a5 rgb(214,57,165)
```
#db4eae
```
#db4eae rgb(219,78,174)
```
#df64b8
```
#df64b8 rgb(223,100,184)
```

Monochromatic Color

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

#cc2ac2
```
#cc2ac2 rgb(204,42,194)
```
#cc2ab4
```
#cc2ab4 rgb(204,42,180)
```
#cc2aa7
```
#cc2aa7 rgb(204,42,167)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#cc2a8c
```
#cc2a8c rgb(204,42,140)
```
#cc2a7e
```
#cc2a7e rgb(204,42,126)
```
#cc2a71
```
#cc2a71 rgb(204,42,113)
```

Similar Colors

Text with hexadecimal color #cc2a99

This text has a font color of #cc2a99.

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

#cc2a99 background color

This paragraph has a background color of #cc2a99.

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

#cc2a99 border color

This element has a border color of #cc2a99.

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

CSS codes

.text {color:#cc2a99;}

.background {background-color:#cc2a99;}

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

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

#090207
```
#090207 rgb(9,2,7)
```
#190513
```
#190513 rgb(25,5,19)
```
#29091f
```
#29091f rgb(41,9,31)
```
#3a0c2b
```
#3a0c2b rgb(58,12,43)
```
#4a0f37
```
#4a0f37 rgb(74,15,55)
```
#5a1344
```
#5a1344 rgb(90,19,68)
```
#6a1650
```
#6a1650 rgb(106,22,80)
```
#7b195c
```
#7b195c rgb(123,25,92)
```
#8b1d68
```
#8b1d68 rgb(139,29,104)
```
#9b2074
```
#9b2074 rgb(155,32,116)
```
#ab2381
```
#ab2381 rgb(171,35,129)
```
#bc278d
```
#bc278d rgb(188,39,141)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```

Shade Color Variation

#d534a3
```
#d534a3 rgb(213,52,163)
```
#d945aa
```
#d945aa rgb(217,69,170)
```
#dc55b1
```
#dc55b1 rgb(220,85,177)
```
#df65b9
```
#df65b9 rgb(223,101,185)
```
#e375c0
```
#e375c0 rgb(227,117,192)
```
#e686c8
```
#e686c8 rgb(230,134,200)
```
#e996cf
```
#e996cf rgb(233,150,207)
```
#eda6d7
```
#eda6d7 rgb(237,166,215)
```
#f0b6de
```
#f0b6de rgb(240,182,222)
```
#f3c7e5
```
#f3c7e5 rgb(243,199,229)
```
#f7d7ed
```
#f7d7ed rgb(247,215,237)
```
#fae7f4
```
#fae7f4 rgb(250,231,244)
```
#fdf8fc
```
#fdf8fc rgb(253,248,252)
```

Tint Color Variation

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

#80767d
```
#80767d rgb(128,118,125)
```
#8a6c80
```
#8a6c80 rgb(138,108,128)
```
#936384
```
#936384 rgb(147,99,132)
```
#9d5987
```
#9d5987 rgb(157,89,135)
```
#a6508b
```
#a6508b rgb(166,80,139)
```
#b0468e
```
#b0468e rgb(176,70,142)
```
#b93d92
```
#b93d92 rgb(185,61,146)
```
#c33395
```
#c33395 rgb(195,51,149)
```
#cc2a99
```
#cc2a99 rgb(204,42,153)
```
#d5219d
```
#d5219d rgb(213,33,157)
```
#df17a0
```
#df17a0 rgb(223,23,160)
```
#e80ea4
```
#e80ea4 rgb(232,14,164)
```
#f204a7
```
#f204a7 rgb(242,4,167)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b5b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5176c7 Protanopia 1% of men
#787690 Deuteranopia 1% of men
#c84f54 Tritanopia 0.001% of the population

Trichromacy

#7e5ab6 Protanomaly 1% of men, 0.01% of women
#965a93 Deuteranomaly 6% of men, 0.4% of women
#c9416d Tritanomaly 0.01% of the population

#cc2a99 hex color

#cc2a99 Color Information

#cc2a99 Color Conversion

Color Schemes with #cc2a99

Alternatives to #cc2a99

#cc2a99 Preview

Shades and Tints of #cc2a99

Tones of #cc2a99

Color Blindness Simulator