#cc6680 hex color

In a RGB color space, hex #cc6680 is composed of 80% red, 40% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 50% magenta, 37.3% yellow and 20% black. It has a hue angle of 344.7 degrees, a saturation of 50% and a lightness of 60%. #cc6680 color hex could be obtained by blending #ffccff with #990001. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 80
- G 40
- B 50
RGB color chart
- C 0
- M 50
- Y 37
- K 20
CMYK color chart

● #cc6680 color description : Moderate pink.

The hexadecimal color #cc6680 has RGB values of R:204, G:102, B:128 and CMYK values of C:0, M:0.5, Y:0.37, K:0.2. Its decimal value is 13395584.

Hex triplet	cc6680	`#cc6680`
RGB Decimal	204, 102, 128	`rgb(204,102,128)`
RGB Percent	80, 40, 50.2	`rgb(80%,40%,50.2%)`
CMYK	0, 50, 37, 20
HSL	344.7°, 50, 60	`hsl(344.7,50%,60%)`
HSV (or HSB)	344.7°, 50, 80
Web Safe	cc6699	`#cc6699`

CIE-LAB	55.989, 43.067, 4.547
XYZ	33.55, 23.901, 23.267
xyY	0.416, 0.296, 23.901
CIE-LCH	55.989, 43.306, 6.028
CIE-LUV	55.989, 67.485, -1.891
Hunter-Lab	48.889, 36.94, 6.005
Binary	11001100, 01100110, 10000000

#cc6680
```
#cc6680 rgb(204,102,128)
```
#66ccb2
```
#66ccb2 rgb(102,204,178)
```

Complementary Color

#cc66b3
```
#cc66b3 rgb(204,102,179)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#cc7f66
```
#cc7f66 rgb(204,127,102)
```

Analogous Color

#66b3cc
```
#66b3cc rgb(102,179,204)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#66cc7f
```
#66cc7f rgb(102,204,127)
```

Split Complementary Color

#6680cc
```
#6680cc rgb(102,128,204)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#80cc66
```
#80cc66 rgb(128,204,102)
```

Triadic Color

#b266cc
```
#b266cc rgb(178,102,204)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#80cc66
```
#80cc66 rgb(128,204,102)
```
#66ccb2
```
#66ccb2 rgb(102,204,178)
```

Tetradic Color

#ac3957
```
#ac3957 rgb(172,57,87)
```
#bf4060
```
#bf4060 rgb(191,64,96)
```
#c65370
```
#c65370 rgb(198,83,112)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#d27990
```
#d27990 rgb(210,121,144)
```
#d98ca0
```
#d98ca0 rgb(217,140,160)
```
#df9fb0
```
#df9fb0 rgb(223,159,176)
```

Monochromatic Color

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

#cc669a
```
#cc669a rgb(204,102,154)
```
#cc6691
```
#cc6691 rgb(204,102,145)
```
#cc6689
```
#cc6689 rgb(204,102,137)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#cc6678
```
#cc6678 rgb(204,102,120)
```
#cc666f
```
#cc666f rgb(204,102,111)
```
#cc6667
```
#cc6667 rgb(204,102,103)
```

Similar Colors

Text with hexadecimal color #cc6680

This text has a font color of #cc6680.

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

#cc6680 background color

This paragraph has a background color of #cc6680.

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

#cc6680 border color

This element has a border color of #cc6680.

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

CSS codes

.text {color:#cc6680;}

.background {background-color:#cc6680;}

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

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

#090304
```
#090304 rgb(9,3,4)
```
#18080c
```
#18080c rgb(24,8,12)
```
#260d13
```
#260d13 rgb(38,13,19)
```
#35121b
```
#35121b rgb(53,18,27)
```
#441722
```
#441722 rgb(68,23,34)
```
#521b29
```
#521b29 rgb(82,27,41)
```
#612031
```
#612031 rgb(97,32,49)
```
#702538
```
#702538 rgb(112,37,56)
```
#7f2a40
```
#7f2a40 rgb(127,42,64)
```
#8d2f47
```
#8d2f47 rgb(141,47,71)
```
#9c344e
```
#9c344e rgb(156,52,78)
```
#ab3956
```
#ab3956 rgb(171,57,86)
```
#b93e5d
```
#b93e5d rgb(185,62,93)
```

Shade Color Variation

#c24968
```
#c24968 rgb(194,73,104)
```
#c75774
```
#c75774 rgb(199,87,116)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#d1758c
```
#d1758c rgb(209,117,140)
```
#d68398
```
#d68398 rgb(214,131,152)
```
#db92a5
```
#db92a5 rgb(219,146,165)
```
#e0a1b1
```
#e0a1b1 rgb(224,161,177)
```
#e5b0bd
```
#e5b0bd rgb(229,176,189)
```
#e9bec9
```
#e9bec9 rgb(233,190,201)
```
#eecdd5
```
#eecdd5 rgb(238,205,213)
```
#f3dce2
```
#f3dce2 rgb(243,220,226)
```
#f8eaee
```
#f8eaee rgb(248,234,238)
```
#fdf9fa
```
#fdf9fa rgb(253,249,250)
```

Tint Color Variation

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

#9d9597
```
#9d9597 rgb(157,149,151)
```
#a58d93
```
#a58d93 rgb(165,141,147)
```
#ad858f
```
#ad858f rgb(173,133,143)
```
#b47e8c
```
#b47e8c rgb(180,126,140)
```
#bc7688
```
#bc7688 rgb(188,118,136)
```
#c46e84
```
#c46e84 rgb(196,110,132)
```
#cc6680
```
#cc6680 rgb(204,102,128)
```
#d45e7c
```
#d45e7c rgb(212,94,124)
```
#dc5678
```
#dc5678 rgb(220,86,120)
```
#e44e74
```
#e44e74 rgb(228,78,116)
```
#eb4771
```
#eb4771 rgb(235,71,113)
```
#f33f6d
```
#f33f6d rgb(243,63,109)
```
#fb3769
```
#fb3769 rgb(251,55,105)
```

Tone Color Variation

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

#878787 Achromatopsia 0.005% of the population
#958086 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8b8b95 Protanopia 1% of men
#9e8780 Deuteranopia 1% of men
#cd7077 Tritanopia 0.001% of the population

Trichromacy

#a37d8d Protanomaly 1% of men, 0.01% of women
#ae7b80 Deuteranomaly 6% of men, 0.4% of women
#cc6c7a Tritanomaly 0.01% of the population

#cc6680 hex color

#cc6680 Color Information

#cc6680 Color Conversion

Color Schemes with #cc6680

Alternatives to #cc6680

#cc6680 Preview

Shades and Tints of #cc6680

Tones of #cc6680

Color Blindness Simulator