#ccbbcc hex color

In a RGB color space, hex #ccbbcc is composed of 80% red, 73.3% green and 80% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.3% magenta, 0% yellow and 20% black. It has a hue angle of 300 degrees, a saturation of 14.3% and a lightness of 76.7%. #ccbbcc color hex could be obtained by blending #ffffff with #997799. Closest websafe color is: #cccccc.

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

● #ccbbcc color description : Grayish magenta.

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

Hex triplet	ccbbcc	`#ccbbcc`
RGB Decimal	204, 187, 204	`rgb(204,187,204)`
RGB Percent	80, 73.3, 80	`rgb(80%,73.3%,80%)`
CMYK	0, 8, 0, 20
HSL	300°, 14.3, 76.7	`hsl(300,14.3%,76.7%)`
HSV (or HSB)	300°, 8.3, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	77.72, 9.046, -6.366
XYZ	53.569, 52.738, 64.481
xyY	0.314, 0.309, 52.738
CIE-LCH	77.72, 11.062, 324.864
CIE-LUV	77.72, 8.666, -11.221
Hunter-Lab	72.621, 4.585, -1.809
Binary	11001100, 10111011, 11001100

#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#bbccbb
```
#bbccbb rgb(187,204,187)
```

Complementary Color

#c4bbcc
```
#c4bbcc rgb(196,187,204)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#ccbbc4
```
#ccbbc4 rgb(204,187,196)
```

Analogous Color

#bbccc4
```
#bbccc4 rgb(187,204,196)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#c4ccbb
```
#c4ccbb rgb(196,204,187)
```

Split Complementary Color

#bbcccc
```
#bbcccc rgb(187,204,204)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```

Triadic Color

#bbbbcc
```
#bbbbcc rgb(187,187,204)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#ccccbb
```
#ccccbb rgb(204,204,187)
```
#bbccbb
```
#bbccbb rgb(187,204,187)
```

Tetradic Color

#ab8fab
```
#ab8fab rgb(171,143,171)
```
#b69eb6
```
#b69eb6 rgb(182,158,182)
```
#c1acc1
```
#c1acc1 rgb(193,172,193)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#d7cad7
```
#d7cad7 rgb(215,202,215)
```
#e2d8e2
```
#e2d8e2 rgb(226,216,226)
```
#ede7ed
```
#ede7ed rgb(237,231,237)
```

Monochromatic Color

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

#c8bbcc
```
#c8bbcc rgb(200,187,204)
```
#c9bbcc
```
#c9bbcc rgb(201,187,204)
```
#cbbbcc
```
#cbbbcc rgb(203,187,204)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#ccbbcb
```
#ccbbcb rgb(204,187,203)
```
#ccbbc9
```
#ccbbc9 rgb(204,187,201)
```
#ccbbc8
```
#ccbbc8 rgb(204,187,200)
```

Similar Colors

Text with hexadecimal color #ccbbcc

This text has a font color of #ccbbcc.

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

#ccbbcc background color

This paragraph has a background color of #ccbbcc.

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

#ccbbcc border color

This element has a border color of #ccbbcc.

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

CSS codes

.text {color:#ccbbcc;}

.background {background-color:#ccbbcc;}

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

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

#0a080a
```
#0a080a rgb(10,8,10)
```
#161016
```
#161016 rgb(22,16,22)
```
#211921
```
#211921 rgb(33,25,33)
```
#2c212c
```
#2c212c rgb(44,33,44)
```
#372937
```
#372937 rgb(55,41,55)
```
#433243
```
#433243 rgb(67,50,67)
```
#4e3a4e
```
#4e3a4e rgb(78,58,78)
```
#594359
```
#594359 rgb(89,67,89)
```
#644b64
```
#644b64 rgb(100,75,100)
```
#6f546f
```
#6f546f rgb(111,84,111)
```
#7b5c7b
```
#7b5c7b rgb(123,92,123)
```
#866486
```
#866486 rgb(134,100,134)
```
#916d91
```
#916d91 rgb(145,109,145)
```

Shade Color Variation

#9a789a
```
#9a789a rgb(154,120,154)
```
#a283a2
```
#a283a2 rgb(162,131,162)
```
#aa8eaa
```
#aa8eaa rgb(170,142,170)
```
#b399b3
```
#b399b3 rgb(179,153,179)
```
#bba5bb
```
#bba5bb rgb(187,165,187)
```
#c4b0c4
```
#c4b0c4 rgb(196,176,196)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#d4c6d4
```
#d4c6d4 rgb(212,198,212)
```
#ddd1dd
```
#ddd1dd rgb(221,209,221)
```
#e5dde5
```
#e5dde5 rgb(229,221,229)
```
#eee8ee
```
#eee8ee rgb(238,232,238)
```
#f6f3f6
```
#f6f3f6 rgb(246,243,246)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#c7c0c7
```
#c7c0c7 rgb(199,192,199)
```
#ccbbcc
```
#ccbbcc rgb(204,187,204)
```
#d1b6d1
```
#d1b6d1 rgb(209,182,209)
```
#d5b2d5
```
#d5b2d5 rgb(213,178,213)
```
#daadda
```
#daadda rgb(218,173,218)
```
#dea9de
```
#dea9de rgb(222,169,222)
```
#e3a4e3
```
#e3a4e3 rgb(227,164,227)
```
#e7a0e7
```
#e7a0e7 rgb(231,160,231)
```
#ec9bec
```
#ec9bec rgb(236,155,236)
```
#f196f1
```
#f196f1 rgb(241,150,241)
```
#f592f5
```
#f592f5 rgb(245,146,245)
```
#fa8dfa
```
#fa8dfa rgb(250,141,250)
```
#fe89fe
```
#fe89fe rgb(254,137,254)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#c4c1c4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c2d0 Protanopia 1% of men
#cfbece Deuteranopia 1% of men
#cebecc Tritanopia 0.001% of the population

Trichromacy

#c5bfce Protanomaly 1% of men, 0.01% of women
#cebccd Deuteranomaly 6% of men, 0.4% of women
#cdbdcc Tritanomaly 0.01% of the population

#ccbbcc hex color

#ccbbcc Color Information

#ccbbcc Color Conversion

Color Schemes with #ccbbcc

Alternatives to #ccbbcc

#ccbbcc Preview

Shades and Tints of #ccbbcc

Tones of #ccbbcc

Color Blindness Simulator