#cc80bb hex color

In a RGB color space, hex #cc80bb is composed of 80% red, 50.2% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 37.3% magenta, 8.3% yellow and 20% black. It has a hue angle of 313.4 degrees, a saturation of 42.7% and a lightness of 65.1%. #cc80bb color hex could be obtained by blending #ffffff with #990177. Closest websafe color is: #cc99cc.

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

● #cc80bb color description : Slightly desaturated magenta.

The hexadecimal color #cc80bb has RGB values of R:204, G:128, B:187 and CMYK values of C:0, M:0.37, Y:0.08, K:0.2. Its decimal value is 13402299.

Hex triplet	cc80bb	`#cc80bb`
RGB Decimal	204, 128, 187	`rgb(204,128,187)`
RGB Percent	80, 50.2, 73.3	`rgb(80%,50.2%,73.3%)`
CMYK	0, 37, 8, 20
HSL	313.4°, 42.7, 65.1	`hsl(313.4,42.7%,65.1%)`
HSV (or HSB)	313.4°, 37.3, 80
Web Safe	cc99cc	`#cc99cc`

CIE-LAB	63.231, 38.08, -18.687
XYZ	41.59, 31.865, 50.971
xyY	0.334, 0.256, 31.865
CIE-LCH	63.231, 42.418, 333.861
CIE-LUV	63.231, 40.723, -34.421
Hunter-Lab	56.449, 32.726, -14.021
Binary	11001100, 10000000, 10111011

#cc80bb
```
#cc80bb rgb(204,128,187)
```
#80cc91
```
#80cc91 rgb(128,204,145)
```

Complementary Color

#b780cc
```
#b780cc rgb(183,128,204)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#cc8095
```
#cc8095 rgb(204,128,149)
```

Analogous Color

#80ccb7
```
#80ccb7 rgb(128,204,183)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#95cc80
```
#95cc80 rgb(149,204,128)
```

Split Complementary Color

#80bbcc
```
#80bbcc rgb(128,187,204)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#bbcc80
```
#bbcc80 rgb(187,204,128)
```

Triadic Color

#9180cc
```
#9180cc rgb(145,128,204)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#bbcc80
```
#bbcc80 rgb(187,204,128)
```
#80cc91
```
#80cc91 rgb(128,204,145)
```

Tetradic Color

#b6499e
```
#b6499e rgb(182,73,158)
```
#bd5ca8
```
#bd5ca8 rgb(189,92,168)
```
#c56eb1
```
#c56eb1 rgb(197,110,177)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#d392c5
```
#d392c5 rgb(211,146,197)
```
#dba4ce
```
#dba4ce rgb(219,164,206)
```
#e2b7d8
```
#e2b7d8 rgb(226,183,216)
```

Monochromatic Color

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

#ca80cc
```
#ca80cc rgb(202,128,204)
```
#cc80c8
```
#cc80c8 rgb(204,128,200)
```
#cc80c1
```
#cc80c1 rgb(204,128,193)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#cc80b5
```
#cc80b5 rgb(204,128,181)
```
#cc80ae
```
#cc80ae rgb(204,128,174)
```
#cc80a8
```
#cc80a8 rgb(204,128,168)
```

Similar Colors

Text with hexadecimal color #cc80bb

This text has a font color of #cc80bb.

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

#cc80bb background color

This paragraph has a background color of #cc80bb.

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

#cc80bb border color

This element has a border color of #cc80bb.

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

CSS codes

.text {color:#cc80bb;}

.background {background-color:#cc80bb;}

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

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, #0d050b is the darkest color, while #fffefe is the lightest one.

#0d050b
```
#0d050b rgb(13,5,11)
```
#1b0b17
```
#1b0b17 rgb(27,11,23)
```
#291023
```
#291023 rgb(41,16,35)
```
#371630
```
#371630 rgb(55,22,48)
```
#451c3c
```
#451c3c rgb(69,28,60)
```
#532148
```
#532148 rgb(83,33,72)
```
#612754
```
#612754 rgb(97,39,84)
```
#6f2d60
```
#6f2d60 rgb(111,45,96)
```
#7d326c
```
#7d326c rgb(125,50,108)
```
#8b3878
```
#8b3878 rgb(139,56,120)
```
#993d84
```
#993d84 rgb(153,61,132)
```
#a74391
```
#a74391 rgb(167,67,145)
```
#b5499d
```
#b5499d rgb(181,73,157)
```

Shade Color Variation

#bb56a5
```
#bb56a5 rgb(187,86,165)
```
#c164ac
```
#c164ac rgb(193,100,172)
```
#c672b4
```
#c672b4 rgb(198,114,180)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#d28ec2
```
#d28ec2 rgb(210,142,194)
```
#d79cca
```
#d79cca rgb(215,156,202)
```
#ddaad1
```
#ddaad1 rgb(221,170,209)
```
#e2b8d9
```
#e2b8d9 rgb(226,184,217)
```
#e8c6e0
```
#e8c6e0 rgb(232,198,224)
```
#eed4e8
```
#eed4e8 rgb(238,212,232)
```
#f3e2ef
```
#f3e2ef rgb(243,226,239)
```
#f9f0f7
```
#f9f0f7 rgb(249,240,247)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#aaa2a8
```
#aaa2a8 rgb(170,162,168)
```
#b19bac
```
#b19bac rgb(177,155,172)
```
#b795b0
```
#b795b0 rgb(183,149,176)
```
#be8eb3
```
#be8eb3 rgb(190,142,179)
```
#c587b7
```
#c587b7 rgb(197,135,183)
```
#cc80bb
```
#cc80bb rgb(204,128,187)
```
#d379bf
```
#d379bf rgb(211,121,191)
```
#da72c3
```
#da72c3 rgb(218,114,195)
```
#e16bc6
```
#e16bc6 rgb(225,107,198)
```
#e765ca
```
#e765ca rgb(231,101,202)
```
#ee5ece
```
#ee5ece rgb(238,94,206)
```
#f557d2
```
#f557d2 rgb(245,87,210)
```
#fc50d5
```
#fc50d5 rgb(252,80,213)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a697a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#909ccc Protanopia 1% of men
#9f9ab8 Deuteranopia 1% of men
#c98e98 Tritanopia 0.001% of the population

Trichromacy

#a692c6 Protanomaly 1% of men, 0.01% of women
#af91b9 Deuteranomaly 6% of men, 0.4% of women
#ca89a4 Tritanomaly 0.01% of the population

#cc80bb hex color

#cc80bb Color Information

#cc80bb Color Conversion

Color Schemes with #cc80bb

Alternatives to #cc80bb

#cc80bb Preview

Shades and Tints of #cc80bb

Tones of #cc80bb

Color Blindness Simulator