#ccbbd8 hex color

In a RGB color space, hex #ccbbd8 is composed of 80% red, 73.3% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 13.4% magenta, 0% yellow and 15.3% black. It has a hue angle of 275.2 degrees, a saturation of 27.1% and a lightness of 79%. #ccbbd8 color hex could be obtained by blending #ffffff with #9977b1. Closest websafe color is: #cccccc.

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

● #ccbbd8 color description : Grayish violet.

The hexadecimal color #ccbbd8 has RGB values of R:204, G:187, B:216 and CMYK values of C:0.06, M:0.13, Y:0, K:0.15. Its decimal value is 13417432.

Hex triplet	ccbbd8	`#ccbbd8`
RGB Decimal	204, 187, 216	`rgb(204,187,216)`
RGB Percent	80, 73.3, 84.7	`rgb(80%,73.3%,84.7%)`
CMYK	6, 13, 0, 15
HSL	275.2°, 27.1, 79	`hsl(275.2,27.1%,79%)`
HSV (or HSB)	275.2°, 13.4, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.073, 11.333, -12.334
XYZ	55.065, 53.336, 72.356
xyY	0.305, 0.295, 53.336
CIE-LCH	78.073, 16.75, 312.576
CIE-LUV	78.073, 7.706, -20.933
Hunter-Lab	73.032, 6.781, -7.619
Binary	11001100, 10111011, 11011000

#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#c7d8bb
```
#c7d8bb rgb(199,216,187)
```

Complementary Color

#bebbd8
```
#bebbd8 rgb(190,187,216)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d8bbd6
```
#d8bbd6 rgb(216,187,214)
```

Analogous Color

#bbd8be
```
#bbd8be rgb(187,216,190)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d6d8bb
```
#d6d8bb rgb(214,216,187)
```

Split Complementary Color

#bbd8cc
```
#bbd8cc rgb(187,216,204)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d8ccbb
```
#d8ccbb rgb(216,204,187)
```

Triadic Color

#bbc7d8
```
#bbc7d8 rgb(187,199,216)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d8ccbb
```
#d8ccbb rgb(216,204,187)
```
#c7d8bb
```
#c7d8bb rgb(199,216,187)
```

Tetradic Color

#a88abc
```
#a88abc rgb(168,138,188)
```
#b49bc5
```
#b49bc5 rgb(180,155,197)
```
#c0abcf
```
#c0abcf rgb(192,171,207)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d8cbe1
```
#d8cbe1 rgb(216,203,225)
```
#e4dbeb
```
#e4dbeb rgb(228,219,235)
```
#f0ecf4
```
#f0ecf4 rgb(240,236,244)
```

Monochromatic Color

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

#c5bbd8
```
#c5bbd8 rgb(197,187,216)
```
#c7bbd8
```
#c7bbd8 rgb(199,187,216)
```
#cabbd8
```
#cabbd8 rgb(202,187,216)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#cebbd8
```
#cebbd8 rgb(206,187,216)
```
#d1bbd8
```
#d1bbd8 rgb(209,187,216)
```
#d3bbd8
```
#d3bbd8 rgb(211,187,216)
```

Similar Colors

Text with hexadecimal color #ccbbd8

This text has a font color of #ccbbd8.

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

#ccbbd8 background color

This paragraph has a background color of #ccbbd8.

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

#ccbbd8 border color

This element has a border color of #ccbbd8.

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

CSS codes

.text {color:#ccbbd8;}

.background {background-color:#ccbbd8;}

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

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

#060407
```
#060407 rgb(6,4,7)
```
#100b13
```
#100b13 rgb(16,11,19)
```
#1a1220
```
#1a1220 rgb(26,18,32)
```
#24192c
```
#24192c rgb(36,25,44)
```
#2f2039
```
#2f2039 rgb(47,32,57)
```
#392845
```
#392845 rgb(57,40,69)
```
#432f52
```
#432f52 rgb(67,47,82)
```
#4d365e
```
#4d365e rgb(77,54,94)
```
#583d6b
```
#583d6b rgb(88,61,107)
```
#624477
```
#624477 rgb(98,68,119)
```
#6c4b83
```
#6c4b83 rgb(108,75,131)
```
#775390
```
#775390 rgb(119,83,144)
```
#815a9c
```
#815a9c rgb(129,90,156)
```

Shade Color Variation

#8b64a6
```
#8b64a6 rgb(139,100,166)
```
#9470ad
```
#9470ad rgb(148,112,173)
```
#9d7db4
```
#9d7db4 rgb(157,125,180)
```
#a789bb
```
#a789bb rgb(167,137,187)
```
#b096c3
```
#b096c3 rgb(176,150,195)
```
#b9a2ca
```
#b9a2ca rgb(185,162,202)
```
#c3afd1
```
#c3afd1 rgb(195,175,209)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#d5c7df
```
#d5c7df rgb(213,199,223)
```
#dfd4e6
```
#dfd4e6 rgb(223,212,230)
```
#e8e0ed
```
#e8e0ed rgb(232,224,237)
```
#f1edf5
```
#f1edf5 rgb(241,237,245)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#cac7cc
```
#cac7cc rgb(202,199,204)
```
#cbc3d0
```
#cbc3d0 rgb(203,195,208)
```
#cbbfd4
```
#cbbfd4 rgb(203,191,212)
```
#ccbbd8
```
#ccbbd8 rgb(204,187,216)
```
#cdb7dc
```
#cdb7dc rgb(205,183,220)
```
#cdb3e0
```
#cdb3e0 rgb(205,179,224)
```
#ceafe4
```
#ceafe4 rgb(206,175,228)
```
#cfabe8
```
#cfabe8 rgb(207,171,232)
```
#d0a6ed
```
#d0a6ed rgb(208,166,237)
```
#d0a2f1
```
#d0a2f1 rgb(208,162,241)
```
#d19ef5
```
#d19ef5 rgb(209,158,245)
```
#d29af9
```
#d29af9 rgb(210,154,249)
```
#d296fd
```
#d296fd rgb(210,150,253)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c5c1c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bfc2dc Protanopia 1% of men
#cbbfd9 Deuteranopia 1% of men
#ccc0ce Tritanopia 0.001% of the population

Trichromacy

#c4bfda Protanomaly 1% of men, 0.01% of women
#cbbdd9 Deuteranomaly 6% of men, 0.4% of women
#ccbed1 Tritanomaly 0.01% of the population

#ccbbd8 hex color

#ccbbd8 Color Information

#ccbbd8 Color Conversion

Color Schemes with #ccbbd8

Alternatives to #ccbbd8

#ccbbd8 Preview

Shades and Tints of #ccbbd8

Tones of #ccbbd8

Color Blindness Simulator