#cc60bc hex color

In a RGB color space, hex #cc60bc is composed of 80% red, 37.6% green and 73.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 52.9% magenta, 7.8% yellow and 20% black. It has a hue angle of 308.9 degrees, a saturation of 51.4% and a lightness of 58.8%. #cc60bc color hex could be obtained by blending #ffc0ff with #990079. Closest websafe color is: #cc66cc.

♥
- f
- t
- g
- R 80
- G 38
- B 74
RGB color chart
- C 0
- M 53
- Y 8
- K 20
CMYK color chart

● #cc60bc color description : Moderate magenta.

The hexadecimal color #cc60bc has RGB values of R:204, G:96, B:188 and CMYK values of C:0, M:0.53, Y:0.08, K:0.2. Its decimal value is 13394108.

Hex triplet	cc60bc	`#cc60bc`
RGB Decimal	204, 96, 188	`rgb(204,96,188)`
RGB Percent	80, 37.6, 73.7	`rgb(80%,37.6%,73.7%)`
CMYK	0, 53, 8, 20
HSL	308.9°, 51.4, 58.8	`hsl(308.9,51.4%,58.8%)`
HSV (or HSB)	308.9°, 52.9, 80
Web Safe	cc66cc	`#cc66cc`

CIE-LAB	56.915, 54.572, -28.952
XYZ	38.161, 24.836, 50.358
xyY	0.337, 0.219, 24.836
CIE-LCH	56.915, 61.776, 332.053
CIE-LUV	56.915, 54.662, -52.124
Hunter-Lab	49.836, 49.472, -25.026
Binary	11001100, 01100000, 10111100

#cc60bc
```
#cc60bc rgb(204,96,188)
```
#60cc70
```
#60cc70 rgb(96,204,112)
```

Complementary Color

#a660cc
```
#a660cc rgb(166,96,204)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#cc6086
```
#cc6086 rgb(204,96,134)
```

Analogous Color

#60cca6
```
#60cca6 rgb(96,204,166)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#86cc60
```
#86cc60 rgb(134,204,96)
```

Split Complementary Color

#60bccc
```
#60bccc rgb(96,188,204)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#bccc60
```
#bccc60 rgb(188,204,96)
```

Triadic Color

#7060cc
```
#7060cc rgb(112,96,204)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#bccc60
```
#bccc60 rgb(188,204,96)
```
#60cc70
```
#60cc70 rgb(96,204,112)
```

Tetradic Color

#a93698
```
#a93698 rgb(169,54,152)
```
#bd3caa
```
#bd3caa rgb(189,60,170)
```
#c64db4
```
#c64db4 rgb(198,77,180)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#d273c4
```
#d273c4 rgb(210,115,196)
```
#d887cc
```
#d887cc rgb(216,135,204)
```
#df9ad4
```
#df9ad4 rgb(223,154,212)
```

Monochromatic Color

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

#c160cc
```
#c160cc rgb(193,96,204)
```
#ca60cc
```
#ca60cc rgb(202,96,204)
```
#cc60c5
```
#cc60c5 rgb(204,96,197)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#cc60b3
```
#cc60b3 rgb(204,96,179)
```
#cc60aa
```
#cc60aa rgb(204,96,170)
```
#cc60a1
```
#cc60a1 rgb(204,96,161)
```

Similar Colors

Text with hexadecimal color #cc60bc

This text has a font color of #cc60bc.

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

#cc60bc background color

This paragraph has a background color of #cc60bc.

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

#cc60bc border color

This element has a border color of #cc60bc.

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

CSS codes

.text {color:#cc60bc;}

.background {background-color:#cc60bc;}

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

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

#040104
```
#040104 rgb(4,1,4)
```
#130611
```
#130611 rgb(19,6,17)
```
#220b1f
```
#220b1f rgb(34,11,31)
```
#31102c
```
#31102c rgb(49,16,44)
```
#401439
```
#401439 rgb(64,20,57)
```
#4f1947
```
#4f1947 rgb(79,25,71)
```
#5d1e54
```
#5d1e54 rgb(93,30,84)
```
#6c2361
```
#6c2361 rgb(108,35,97)
```
#7b286f
```
#7b286f rgb(123,40,111)
```
#8a2c7c
```
#8a2c7c rgb(138,44,124)
```
#99318a
```
#99318a rgb(153,49,138)
```
#a83697
```
#a83697 rgb(168,54,151)
```
#b73ba4
```
#b73ba4 rgb(183,59,164)
```

Shade Color Variation

#c242af
```
#c242af rgb(194,66,175)
```
#c751b6
```
#c751b6 rgb(199,81,182)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#d16fc2
```
#d16fc2 rgb(209,111,194)
```
#d67ec9
```
#d67ec9 rgb(214,126,201)
```
#da8dcf
```
#da8dcf rgb(218,141,207)
```
#df9bd5
```
#df9bd5 rgb(223,155,213)
```
#e4aadb
```
#e4aadb rgb(228,170,219)
```
#e9b9e2
```
#e9b9e2 rgb(233,185,226)
```
#edc8e8
```
#edc8e8 rgb(237,200,232)
```
#f2d7ee
```
#f2d7ee rgb(242,215,238)
```
#f7e6f4
```
#f7e6f4 rgb(247,230,244)
```
#fcf5fb
```
#fcf5fb rgb(252,245,251)
```

Tint Color Variation

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

#9c909a
```
#9c909a rgb(156,144,154)
```
#a488a0
```
#a488a0 rgb(164,136,160)
```
#ac80a5
```
#ac80a5 rgb(172,128,165)
```
#b478ab
```
#b478ab rgb(180,120,171)
```
#bc70b1
```
#bc70b1 rgb(188,112,177)
```
#c468b6
```
#c468b6 rgb(196,104,182)
```
#cc60bc
```
#cc60bc rgb(204,96,188)
```
#d458c2
```
#d458c2 rgb(212,88,194)
```
#dc50c7
```
#dc50c7 rgb(220,80,199)
```
#e448cd
```
#e448cd rgb(228,72,205)
```
#ec40d3
```
#ec40d3 rgb(236,64,211)
```
#f438d8
```
#f438d8 rgb(244,56,216)
```
#fc30de
```
#fc30de rgb(252,48,222)
```

Tone Color Variation

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

#8b8b8b Achromatopsia 0.005% of the population
#988295 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f8cd8 Protanopia 1% of men
#858cb5 Deuteranopia 1% of men
#c67880 Tritanopia 0.001% of the population

Trichromacy

#917cce Protanomaly 1% of men, 0.01% of women
#9f7cb7 Deuteranomaly 6% of men, 0.4% of women
#c86f95 Tritanomaly 0.01% of the population

#cc60bc hex color

#cc60bc Color Information

#cc60bc Color Conversion

Color Schemes with #cc60bc

Alternatives to #cc60bc

#cc60bc Preview

Shades and Tints of #cc60bc

Tones of #cc60bc

Color Blindness Simulator