#cc60bb hex color

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

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

● #cc60bb color description : Moderate magenta.

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

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

CIE-LAB	56.873, 54.407, -28.443
XYZ	38.054, 24.793, 49.792
xyY	0.338, 0.22, 24.793
CIE-LCH	56.873, 61.393, 332.401
CIE-LUV	56.873, 54.934, -51.308
Hunter-Lab	49.793, 49.28, -24.435
Binary	11001100, 01100000, 10111011

#cc60bb
```
#cc60bb rgb(204,96,187)
```
#60cc71
```
#60cc71 rgb(96,204,113)
```

Complementary Color

#a760cc
```
#a760cc rgb(167,96,204)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#cc6085
```
#cc6085 rgb(204,96,133)
```

Analogous Color

#60cca7
```
#60cca7 rgb(96,204,167)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#85cc60
```
#85cc60 rgb(133,204,96)
```

Split Complementary Color

#60bbcc
```
#60bbcc rgb(96,187,204)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#bbcc60
```
#bbcc60 rgb(187,204,96)
```

Triadic Color

#7160cc
```
#7160cc rgb(113,96,204)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#bbcc60
```
#bbcc60 rgb(187,204,96)
```
#60cc71
```
#60cc71 rgb(96,204,113)
```

Tetradic Color

#a93697
```
#a93697 rgb(169,54,151)
```
#bd3ca8
```
#bd3ca8 rgb(189,60,168)
```
#c64db3
```
#c64db3 rgb(198,77,179)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#d273c3
```
#d273c3 rgb(210,115,195)
```
#d887cc
```
#d887cc rgb(216,135,204)
```
#df9ad4
```
#df9ad4 rgb(223,154,212)
```

Monochromatic Color

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

#c260cc
```
#c260cc rgb(194,96,204)
```
#cb60cc
```
#cb60cc rgb(203,96,204)
```
#cc60c4
```
#cc60c4 rgb(204,96,196)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#cc60b2
```
#cc60b2 rgb(204,96,178)
```
#cc60a9
```
#cc60a9 rgb(204,96,169)
```
#cc60a0
```
#cc60a0 rgb(204,96,160)
```

Similar Colors

Text with hexadecimal color #cc60bb

This text has a font color of #cc60bb.

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

#cc60bb background color

This paragraph has a background color of #cc60bb.

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

#cc60bb border color

This element has a border color of #cc60bb.

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

CSS codes

.text {color:#cc60bb;}

.background {background-color:#cc60bb;}

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

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)
```
#220b1e
```
#220b1e rgb(34,11,30)
```
#31102c
```
#31102c rgb(49,16,44)
```
#401439
```
#401439 rgb(64,20,57)
```
#4f1946
```
#4f1946 rgb(79,25,70)
```
#5d1e53
```
#5d1e53 rgb(93,30,83)
```
#6c2361
```
#6c2361 rgb(108,35,97)
```
#7b286e
```
#7b286e rgb(123,40,110)
```
#8a2c7b
```
#8a2c7b rgb(138,44,123)
```
#993189
```
#993189 rgb(153,49,137)
```
#a83696
```
#a83696 rgb(168,54,150)
```
#b73ba3
```
#b73ba3 rgb(183,59,163)
```

Shade Color Variation

#c242ae
```
#c242ae rgb(194,66,174)
```
#c751b5
```
#c751b5 rgb(199,81,181)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#d16fc1
```
#d16fc1 rgb(209,111,193)
```
#d67ec8
```
#d67ec8 rgb(214,126,200)
```
#da8dce
```
#da8dce rgb(218,141,206)
```
#df9bd4
```
#df9bd4 rgb(223,155,212)
```
#e4aadb
```
#e4aadb rgb(228,170,219)
```
#e9b9e1
```
#e9b9e1 rgb(233,185,225)
```
#edc8e7
```
#edc8e7 rgb(237,200,231)
```
#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 #fc30dc is the most saturated one.

#9c909a
```
#9c909a rgb(156,144,154)
```
#a4889f
```
#a4889f rgb(164,136,159)
```
#ac80a5
```
#ac80a5 rgb(172,128,165)
```
#b478aa
```
#b478aa rgb(180,120,170)
```
#bc70b0
```
#bc70b0 rgb(188,112,176)
```
#c468b5
```
#c468b5 rgb(196,104,181)
```
#cc60bb
```
#cc60bb rgb(204,96,187)
```
#d458c1
```
#d458c1 rgb(212,88,193)
```
#dc50c6
```
#dc50c6 rgb(220,80,198)
```
#e448cc
```
#e448cc rgb(228,72,204)
```
#ec40d1
```
#ec40d1 rgb(236,64,209)
```
#f438d7
```
#f438d7 rgb(244,56,215)
```
#fc30dc
```
#fc30dc rgb(252,48,220)
```

Tone Color Variation

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

#708cd7 Protanopia 1% of men
#868cb4 Deuteranopia 1% of men
#c6777f Tritanopia 0.001% of the population

Trichromacy

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

#cc60bb hex color

#cc60bb Color Information

#cc60bb Color Conversion

Color Schemes with #cc60bb

Alternatives to #cc60bb

#cc60bb Preview

Shades and Tints of #cc60bb

Tones of #cc60bb

Color Blindness Simulator