#ccbbdd hex color

In a RGB color space, hex #ccbbdd is composed of 80% red, 73.3% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 15.4% magenta, 0% yellow and 13.3% black. It has a hue angle of 270 degrees, a saturation of 33.3% and a lightness of 80%. #ccbbdd color hex could be obtained by blending #ffffff with #9977bb. Closest websafe color is: #cccccc.

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

● #ccbbdd color description : Light grayish violet.

The hexadecimal color #ccbbdd has RGB values of R:204, G:187, B:221 and CMYK values of C:0.08, M:0.15, Y:0, K:0.13. Its decimal value is 13417437.

Hex triplet	ccbbdd	`#ccbbdd`
RGB Decimal	204, 187, 221	`rgb(204,187,221)`
RGB Percent	80, 73.3, 86.7	`rgb(80%,73.3%,86.7%)`
CMYK	8, 15, 0, 13
HSL	270°, 33.3, 80	`hsl(270,33.3%,80%)`
HSV (or HSB)	270°, 15.4, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.227, 12.318, -14.805
XYZ	55.721, 53.599, 75.813
xyY	0.301, 0.29, 53.599
CIE-LCH	78.227, 19.259, 309.761
CIE-LUV	78.227, 7.301, -25.031
Hunter-Lab	73.211, 7.737, -10.149
Binary	11001100, 10111011, 11011101

#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ccddbb
```
#ccddbb rgb(204,221,187)
```

Complementary Color

#bbbbdd
```
#bbbbdd rgb(187,187,221)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ddbbdd
```
#ddbbdd rgb(221,187,221)
```

Analogous Color

#bbddbb
```
#bbddbb rgb(187,221,187)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ddddbb
```
#ddddbb rgb(221,221,187)
```

Split Complementary Color

#bbddcc
```
#bbddcc rgb(187,221,204)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ddccbb
```
#ddccbb rgb(221,204,187)
```

Triadic Color

#bbccdd
```
#bbccdd rgb(187,204,221)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ddccbb
```
#ddccbb rgb(221,204,187)
```
#ccddbb
```
#ccddbb rgb(204,221,187)
```

Tetradic Color

#a688c4
```
#a688c4 rgb(166,136,196)
```
#b399cc
```
#b399cc rgb(179,153,204)
```
#bfaad5
```
#bfaad5 rgb(191,170,213)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#d9cce6
```
#d9cce6 rgb(217,204,230)
```
#e6ddee
```
#e6ddee rgb(230,221,238)
```
#f2eef7
```
#f2eef7 rgb(242,238,247)
```

Monochromatic Color

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

#c4bbdd
```
#c4bbdd rgb(196,187,221)
```
#c6bbdd
```
#c6bbdd rgb(198,187,221)
```
#c9bbdd
```
#c9bbdd rgb(201,187,221)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#cfbbdd
```
#cfbbdd rgb(207,187,221)
```
#d2bbdd
```
#d2bbdd rgb(210,187,221)
```
#d5bbdd
```
#d5bbdd rgb(213,187,221)
```

Similar Colors

Text with hexadecimal color #ccbbdd

This text has a font color of #ccbbdd.

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

#ccbbdd background color

This paragraph has a background color of #ccbbdd.

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

#ccbbdd border color

This element has a border color of #ccbbdd.

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

CSS codes

.text {color:#ccbbdd;}

.background {background-color:#ccbbdd;}

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

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, #08050a is the darkest color, while #fdfcfe is the lightest one.

#08050a
```
#08050a rgb(8,5,10)
```
#120c18
```
#120c18 rgb(18,12,24)
```
#1b1225
```
#1b1225 rgb(27,18,37)
```
#251932
```
#251932 rgb(37,25,50)
```
#2f1f3f
```
#2f1f3f rgb(47,31,63)
```
#39264c
```
#39264c rgb(57,38,76)
```
#432c59
```
#432c59 rgb(67,44,89)
```
#4d3366
```
#4d3366 rgb(77,51,102)
```
#563a73
```
#563a73 rgb(86,58,115)
```
#604080
```
#604080 rgb(96,64,128)
```
#6a478d
```
#6a478d rgb(106,71,141)
```
#744d9a
```
#744d9a rgb(116,77,154)
```
#7e54a7
```
#7e54a7 rgb(126,84,167)
```

Shade Color Variation

#875faf
```
#875faf rgb(135,95,175)
```
#916db6
```
#916db6 rgb(145,109,182)
```
#9b7abc
```
#9b7abc rgb(155,122,188)
```
#a587c3
```
#a587c3 rgb(165,135,195)
```
#af94c9
```
#af94c9 rgb(175,148,201)
```
#b8a1d0
```
#b8a1d0 rgb(184,161,208)
```
#c2aed6
```
#c2aed6 rgb(194,174,214)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#d6c8e4
```
#d6c8e4 rgb(214,200,228)
```
#e0d5ea
```
#e0d5ea rgb(224,213,234)
```
#e9e2f1
```
#e9e2f1 rgb(233,226,241)
```
#f3eff7
```
#f3eff7 rgb(243,239,247)
```
#fdfcfe
```
#fdfcfe rgb(253,252,254)
```

Tint Color Variation

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

#cccbcd
```
#cccbcd rgb(204,203,205)
```
#ccc7d1
```
#ccc7d1 rgb(204,199,209)
```
#ccc3d5
```
#ccc3d5 rgb(204,195,213)
```
#ccbfd9
```
#ccbfd9 rgb(204,191,217)
```
#ccbbdd
```
#ccbbdd rgb(204,187,221)
```
#ccb7e1
```
#ccb7e1 rgb(204,183,225)
```
#ccb3e5
```
#ccb3e5 rgb(204,179,229)
```
#ccafe9
```
#ccafe9 rgb(204,175,233)
```
#ccabed
```
#ccabed rgb(204,171,237)
```
#cca7f1
```
#cca7f1 rgb(204,167,241)
```
#cca3f5
```
#cca3f5 rgb(204,163,245)
```
#cca0f8
```
#cca0f8 rgb(204,160,248)
```
#cc9cfc
```
#cc9cfc rgb(204,156,252)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#c6c2c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bec3e1 Protanopia 1% of men
#cac0de Deuteranopia 1% of men
#cbc1cf Tritanopia 0.001% of the population

Trichromacy

#c3c0df Protanomaly 1% of men, 0.01% of women
#cabedd Deuteranomaly 6% of men, 0.4% of women
#cbbfd4 Tritanomaly 0.01% of the population

#ccbbdd hex color

#ccbbdd Color Information

#ccbbdd Color Conversion

Color Schemes with #ccbbdd

Alternatives to #ccbbdd

#ccbbdd Preview

Shades and Tints of #ccbbdd

Tones of #ccbbdd

Color Blindness Simulator