#cc6f96 hex color

In a RGB color space, hex #cc6f96 is composed of 80% red, 43.5% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.6% magenta, 26.5% yellow and 20% black. It has a hue angle of 334.8 degrees, a saturation of 47.7% and a lightness of 61.8%. #cc6f96 color hex could be obtained by blending #ffdeff with #99002d. Closest websafe color is: #cc6699.

♥
- f
- t
- g
- R 80
- G 44
- B 59
RGB color chart
- C 0
- M 46
- Y 26
- K 20
CMYK color chart

● #cc6f96 color description : Slightly desaturated pink.

The hexadecimal color #cc6f96 has RGB values of R:204, G:111, B:150 and CMYK values of C:0, M:0.46, Y:0.26, K:0.2. Its decimal value is 13397910.

Hex triplet	cc6f96	`#cc6f96`
RGB Decimal	204, 111, 150	`rgb(204,111,150)`
RGB Percent	80, 43.5, 58.8	`rgb(80%,43.5%,58.8%)`
CMYK	0, 46, 26, 20
HSL	334.8°, 47.7, 61.8	`hsl(334.8,47.7%,61.8%)`
HSV (or HSB)	334.8°, 45.6, 80
Web Safe	cc6699	`#cc6699`

CIE-LAB	58.425, 41.273, -4.722
XYZ	36.091, 26.411, 32.049
xyY	0.382, 0.279, 26.411
CIE-LCH	58.425, 41.542, 353.473
CIE-LUV	58.425, 57.248, -14.048
Hunter-Lab	51.391, 35.424, -1.002
Binary	11001100, 01101111, 10010110

#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#6fcca5
```
#6fcca5 rgb(111,204,165)
```

Complementary Color

#cc6fc5
```
#cc6fc5 rgb(204,111,197)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#cc776f
```
#cc776f rgb(204,119,111)
```

Analogous Color

#6fc5cc
```
#6fc5cc rgb(111,197,204)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#6fcc77
```
#6fcc77 rgb(111,204,119)
```

Split Complementary Color

#6f96cc
```
#6f96cc rgb(111,150,204)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#96cc6f
```
#96cc6f rgb(150,204,111)
```

Triadic Color

#a56fcc
```
#a56fcc rgb(165,111,204)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#96cc6f
```
#96cc6f rgb(150,204,111)
```
#6fcca5
```
#6fcca5 rgb(111,204,165)
```

Tetradic Color

#b03e6e
```
#b03e6e rgb(176,62,110)
```
#bf497b
```
#bf497b rgb(191,73,123)
```
#c55c88
```
#c55c88 rgb(197,92,136)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#d382a4
```
#d382a4 rgb(211,130,164)
```
#d995b1
```
#d995b1 rgb(217,149,177)
```
#e0a7bf
```
#e0a7bf rgb(224,167,191)
```

Monochromatic Color

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

#cc6fad
```
#cc6fad rgb(204,111,173)
```
#cc6fa6
```
#cc6fa6 rgb(204,111,166)
```
#cc6f9e
```
#cc6f9e rgb(204,111,158)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#cc6f8e
```
#cc6f8e rgb(204,111,142)
```
#cc6f87
```
#cc6f87 rgb(204,111,135)
```
#cc6f7f
```
#cc6f7f rgb(204,111,127)
```

Similar Colors

Text with hexadecimal color #cc6f96

This text has a font color of #cc6f96.

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

#cc6f96 background color

This paragraph has a background color of #cc6f96.

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

#cc6f96 border color

This element has a border color of #cc6f96.

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

CSS codes

.text {color:#cc6f96;}

.background {background-color:#cc6f96;}

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

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

#010001
```
#010001 rgb(1,0,1)
```
#0f050a
```
#0f050a rgb(15,5,10)
```
#1e0b13
```
#1e0b13 rgb(30,11,19)
```
#2c101c
```
#2c101c rgb(44,16,28)
```
#3b1525
```
#3b1525 rgb(59,21,37)
```
#491a2e
```
#491a2e rgb(73,26,46)
```
#581f37
```
#581f37 rgb(88,31,55)
```
#662440
```
#662440 rgb(102,36,64)
```
#752949
```
#752949 rgb(117,41,73)
```
#832e52
```
#832e52 rgb(131,46,82)
```
#92345b
```
#92345b rgb(146,52,91)
```
#a03964
```
#a03964 rgb(160,57,100)
```
#af3e6d
```
#af3e6d rgb(175,62,109)
```

Shade Color Variation

#bd4476
```
#bd4476 rgb(189,68,118)
```
#c25281
```
#c25281 rgb(194,82,129)
```
#c7618b
```
#c7618b rgb(199,97,139)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#d17da1
```
#d17da1 rgb(209,125,161)
```
#d68cab
```
#d68cab rgb(214,140,171)
```
#db9ab6
```
#db9ab6 rgb(219,154,182)
```
#e1a9c0
```
#e1a9c0 rgb(225,169,192)
```
#e6b7cb
```
#e6b7cb rgb(230,183,203)
```
#ebc6d5
```
#ebc6d5 rgb(235,198,213)
```
#f0d4e0
```
#f0d4e0 rgb(240,212,224)
```
#f5e3ea
```
#f5e3ea rgb(245,227,234)
```
#faf1f5
```
#faf1f5 rgb(250,241,245)
```

Tint Color Variation

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

#9f9c9d
```
#9f9c9d rgb(159,156,157)
```
#a7959c
```
#a7959c rgb(167,149,156)
```
#ae8d9b
```
#ae8d9b rgb(174,141,155)
```
#b6869a
```
#b6869a rgb(182,134,154)
```
#bd7e98
```
#bd7e98 rgb(189,126,152)
```
#c57797
```
#c57797 rgb(197,119,151)
```
#cc6f96
```
#cc6f96 rgb(204,111,150)
```
#d46895
```
#d46895 rgb(212,104,149)
```
#db6094
```
#db6094 rgb(219,96,148)
```
#e35992
```
#e35992 rgb(227,89,146)
```
#ea5191
```
#ea5191 rgb(234,81,145)
```
#f24a90
```
#f24a90 rgb(242,74,144)
```
#f9428f
```
#f9428f rgb(249,66,143)
```

Tone Color Variation

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

#8f8f8f Achromatopsia 0.005% of the population
#9b8990 Atypical Achromatopsia 0.001% of the population

Dichromacy

#8d91aa Protanopia 1% of men
#9e8e95 Deuteranopia 1% of men
#cc7b83 Tritanopia 0.001% of the population

Trichromacy

#a384a3 Protanomaly 1% of men, 0.01% of women
#af8295 Deuteranomaly 6% of men, 0.4% of women
#cc768a Tritanomaly 0.01% of the population

#cc6f96 hex color

#cc6f96 Color Information

#cc6f96 Color Conversion

Color Schemes with #cc6f96

Alternatives to #cc6f96

#cc6f96 Preview

Shades and Tints of #cc6f96

Tones of #cc6f96

Color Blindness Simulator