#cc2baa hex color

In a RGB color space, hex #cc2baa is composed of 80% red, 16.9% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.9% magenta, 16.7% yellow and 20% black. It has a hue angle of 312.7 degrees, a saturation of 65.2% and a lightness of 48.4%. #cc2baa color hex could be obtained by blending #ff56ff with #990055. Closest websafe color is: #cc3399.

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

● #cc2baa color description : Strong magenta.

The hexadecimal color #cc2baa has RGB values of R:204, G:43, B:170 and CMYK values of C:0, M:0.79, Y:0.17, K:0.2. Its decimal value is 13380522.

Hex triplet	cc2baa	`#cc2baa`
RGB Decimal	204, 43, 170	`rgb(204,43,170)`
RGB Percent	80, 16.9, 66.7	`rgb(80%,16.9%,66.7%)`
CMYK	0, 79, 17, 20
HSL	312.7°, 65.2, 48.4	`hsl(312.7,65.2%,48.4%)`
HSV (or HSB)	312.7°, 78.9, 80
Web Safe	cc3399	`#cc3399`

CIE-LAB	48.847, 71.985, -31.029
XYZ	33.021, 17.47, 39.661
xyY	0.366, 0.194, 17.47
CIE-LCH	48.847, 78.387, 336.682
CIE-LUV	48.847, 76.94, -56.264
Hunter-Lab	41.797, 67.876, -27.002
Binary	11001100, 00101011, 10101010

#cc2baa
```
#cc2baa rgb(204,43,170)
```
#2bcc4d
```
#2bcc4d rgb(43,204,77)
```

Complementary Color

#9e2bcc
```
#9e2bcc rgb(158,43,204)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#cc2b5a
```
#cc2b5a rgb(204,43,90)
```

Analogous Color

#2bcc9e
```
#2bcc9e rgb(43,204,158)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#5acc2b
```
#5acc2b rgb(90,204,43)
```

Split Complementary Color

#2baacc
```
#2baacc rgb(43,170,204)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#aacc2b
```
#aacc2b rgb(170,204,43)
```

Triadic Color

#4d2bcc
```
#4d2bcc rgb(77,43,204)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#aacc2b
```
#aacc2b rgb(170,204,43)
```
#2bcc4d
```
#2bcc4d rgb(43,204,77)
```

Tetradic Color

#8d1e75
```
#8d1e75 rgb(141,30,117)
```
#a22287
```
#a22287 rgb(162,34,135)
```
#b72798
```
#b72798 rgb(183,39,152)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#d63bb5
```
#d63bb5 rgb(214,59,181)
```
#da50bd
```
#da50bd rgb(218,80,189)
```
#df65c5
```
#df65c5 rgb(223,101,197)
```

Monochromatic Color

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

#c62bcc
```
#c62bcc rgb(198,43,204)
```
#cc2bc5
```
#cc2bc5 rgb(204,43,197)
```
#cc2bb7
```
#cc2bb7 rgb(204,43,183)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#cc2b9d
```
#cc2b9d rgb(204,43,157)
```
#cc2b8f
```
#cc2b8f rgb(204,43,143)
```
#cc2b82
```
#cc2b82 rgb(204,43,130)
```

Similar Colors

Text with hexadecimal color #cc2baa

This text has a font color of #cc2baa.

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

#cc2baa background color

This paragraph has a background color of #cc2baa.

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

#cc2baa border color

This element has a border color of #cc2baa.

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

CSS codes

.text {color:#cc2baa;}

.background {background-color:#cc2baa;}

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

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

#0a0208
```
#0a0208 rgb(10,2,8)
```
#1a0515
```
#1a0515 rgb(26,5,21)
```
#2a0923
```
#2a0923 rgb(42,9,35)
```
#3a0c30
```
#3a0c30 rgb(58,12,48)
```
#4a103e
```
#4a103e rgb(74,16,62)
```
#5b134b
```
#5b134b rgb(91,19,75)
```
#6b1759
```
#6b1759 rgb(107,23,89)
```
#7b1a66
```
#7b1a66 rgb(123,26,102)
```
#8b1d74
```
#8b1d74 rgb(139,29,116)
```
#9b2181
```
#9b2181 rgb(155,33,129)
```
#ac248f
```
#ac248f rgb(172,36,143)
```
#bc289c
```
#bc289c rgb(188,40,156)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```

Shade Color Variation

#d536b3
```
#d536b3 rgb(213,54,179)
```
#d846b9
```
#d846b9 rgb(216,70,185)
```
#db56bf
```
#db56bf rgb(219,86,191)
```
#df67c5
```
#df67c5 rgb(223,103,197)
```
#e277cc
```
#e277cc rgb(226,119,204)
```
#e687d2
```
#e687d2 rgb(230,135,210)
```
#e997d8
```
#e997d8 rgb(233,151,216)
```
#eda7de
```
#eda7de rgb(237,167,222)
```
#f0b8e4
```
#f0b8e4 rgb(240,184,228)
```
#f3c8ea
```
#f3c8ea rgb(243,200,234)
```
#f7d8f0
```
#f7d8f0 rgb(247,216,240)
```
#fae8f6
```
#fae8f6 rgb(250,232,246)
```
#fef8fd
```
#fef8fd rgb(254,248,253)
```

Tint Color Variation

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

#80777e
```
#80777e rgb(128,119,126)
```
#8a6e84
```
#8a6e84 rgb(138,110,132)
```
#936489
```
#936489 rgb(147,100,137)
```
#9d5b8f
```
#9d5b8f rgb(157,91,143)
```
#a65194
```
#a65194 rgb(166,81,148)
```
#b0489a
```
#b0489a rgb(176,72,154)
```
#b93e9f
```
#b93e9f rgb(185,62,159)
```
#c335a5
```
#c335a5 rgb(195,53,165)
```
#cc2baa
```
#cc2baa rgb(204,43,170)
```
#d622af
```
#d622af rgb(214,34,175)
```
#df18b5
```
#df18b5 rgb(223,24,181)
```
#e90fba
```
#e90fba rgb(233,15,186)
```
#f205c0
```
#f205c0 rgb(242,5,192)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#7e5d77 Atypical Achromatopsia 0.001% of the population

Dichromacy

#3e77db Protanopia 1% of men
#71799f Deuteranopia 1% of men
#c6555a Tritanopia 0.001% of the population

Trichromacy

#725bc9 Protanomaly 1% of men, 0.01% of women
#925ca3 Deuteranomaly 6% of men, 0.4% of women
#c84677 Tritanomaly 0.01% of the population

#cc2baa hex color

#cc2baa Color Information

#cc2baa Color Conversion

Color Schemes with #cc2baa

Alternatives to #cc2baa

#cc2baa Preview

Shades and Tints of #cc2baa

Tones of #cc2baa

Color Blindness Simulator