#ccbdd6 hex color

In a RGB color space, hex #ccbdd6 is composed of 80% red, 74.1% green and 83.9% blue. Whereas in a CMYK color space, it is composed of 4.7% cyan, 11.7% magenta, 0% yellow and 16.1% black. It has a hue angle of 276 degrees, a saturation of 23.4% and a lightness of 79%. #ccbdd6 color hex could be obtained by blending #ffffff with #997bad. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 74
- B 84
RGB color chart
- C 5
- M 12
- Y 0
- K 16
CMYK color chart

● #ccbdd6 color description : Grayish violet.

The hexadecimal color #ccbdd6 has RGB values of R:204, G:189, B:214 and CMYK values of C:0.05, M:0.12, Y:0, K:0.16. Its decimal value is 13417942.

Hex triplet	ccbdd6	`#ccbdd6`
RGB Decimal	204, 189, 214	`rgb(204,189,214)`
RGB Percent	80, 74.1, 83.9	`rgb(80%,74.1%,83.9%)`
CMYK	5, 12, 0, 16
HSL	276°, 23.4, 79	`hsl(276,23.4%,79%)`
HSV (or HSB)	276°, 11.7, 83.9
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.513, 9.866, -10.597
XYZ	55.235, 54.088, 71.145
xyY	0.306, 0.3, 54.088
CIE-LCH	78.513, 14.478, 312.954
CIE-LUV	78.513, 6.876, -17.963
Hunter-Lab	73.544, 5.358, -5.874
Binary	11001100, 10111101, 11010110

#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#c7d6bd
```
#c7d6bd rgb(199,214,189)
```

Complementary Color

#c0bdd6
```
#c0bdd6 rgb(192,189,214)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d6bdd4
```
#d6bdd4 rgb(214,189,212)
```

Analogous Color

#bdd6c0
```
#bdd6c0 rgb(189,214,192)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d4d6bd
```
#d4d6bd rgb(212,214,189)
```

Split Complementary Color

#bdd6cc
```
#bdd6cc rgb(189,214,204)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d6ccbd
```
#d6ccbd rgb(214,204,189)
```

Triadic Color

#bdc7d6
```
#bdc7d6 rgb(189,199,214)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d6ccbd
```
#d6ccbd rgb(214,204,189)
```
#c7d6bd
```
#c7d6bd rgb(199,214,189)
```

Tetradic Color

#a88eb9
```
#a88eb9 rgb(168,142,185)
```
#b49ec2
```
#b49ec2 rgb(180,158,194)
```
#c0adcc
```
#c0adcc rgb(192,173,204)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d8cde0
```
#d8cde0 rgb(216,205,224)
```
#e4dcea
```
#e4dcea rgb(228,220,234)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```

Monochromatic Color

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

#c6bdd6
```
#c6bdd6 rgb(198,189,214)
```
#c8bdd6
```
#c8bdd6 rgb(200,189,214)
```
#cabdd6
```
#cabdd6 rgb(202,189,214)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#cebdd6
```
#cebdd6 rgb(206,189,214)
```
#d0bdd6
```
#d0bdd6 rgb(208,189,214)
```
#d2bdd6
```
#d2bdd6 rgb(210,189,214)
```

Similar Colors

Text with hexadecimal color #ccbdd6

This text has a font color of #ccbdd6.

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

#ccbdd6 background color

This paragraph has a background color of #ccbdd6.

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

#ccbdd6 border color

This element has a border color of #ccbdd6.

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

CSS codes

.text {color:#ccbdd6;}

.background {background-color:#ccbdd6;}

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

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)
```
#100c13
```
#100c13 rgb(16,12,19)
```
#1a131f
```
#1a131f rgb(26,19,31)
```
#241b2b
```
#241b2b rgb(36,27,43)
```
#2f2237
```
#2f2237 rgb(47,34,55)
```
#392a43
```
#392a43 rgb(57,42,67)
```
#43314f
```
#43314f rgb(67,49,79)
```
#4d395b
```
#4d395b rgb(77,57,91)
```
#584067
```
#584067 rgb(88,64,103)
```
#624873
```
#624873 rgb(98,72,115)
```
#6c4f80
```
#6c4f80 rgb(108,79,128)
```
#77578c
```
#77578c rgb(119,87,140)
```
#815e98
```
#815e98 rgb(129,94,152)
```

Shade Color Variation

#8b68a1
```
#8b68a1 rgb(139,104,161)
```
#9474a9
```
#9474a9 rgb(148,116,169)
```
#9d81b0
```
#9d81b0 rgb(157,129,176)
```
#a78db8
```
#a78db8 rgb(167,141,184)
```
#b099bf
```
#b099bf rgb(176,153,191)
```
#b9a5c7
```
#b9a5c7 rgb(185,165,199)
```
#c3b1ce
```
#c3b1ce rgb(195,177,206)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#d5c9de
```
#d5c9de rgb(213,201,222)
```
#dfd5e5
```
#dfd5e5 rgb(223,213,229)
```
#e8e1ed
```
#e8e1ed rgb(232,225,237)
```
#f1edf4
```
#f1edf4 rgb(241,237,244)
```
#fbf9fc
```
#fbf9fc rgb(251,249,252)
```

Tint Color Variation

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

#cac9ca
```
#cac9ca rgb(202,201,202)
```
#cac5ce
```
#cac5ce rgb(202,197,206)
```
#cbc1d2
```
#cbc1d2 rgb(203,193,210)
```
#ccbdd6
```
#ccbdd6 rgb(204,189,214)
```
#cdb9da
```
#cdb9da rgb(205,185,218)
```
#ceb5de
```
#ceb5de rgb(206,181,222)
```
#ceb1e2
```
#ceb1e2 rgb(206,177,226)
```
#cfade6
```
#cfade6 rgb(207,173,230)
```
#d0a8eb
```
#d0a8eb rgb(208,168,235)
```
#d1a4ef
```
#d1a4ef rgb(209,164,239)
```
#d2a0f3
```
#d2a0f3 rgb(210,160,243)
```
#d39cf7
```
#d39cf7 rgb(211,156,247)
```
#d398fb
```
#d398fb rgb(211,152,251)
```

Tone Color Variation

Below, you can see how #ccbdd6 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
#c6c3c8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2c4da Protanopia 1% of men
#cec0d8 Deuteranopia 1% of men
#cdc1cf Tritanopia 0.001% of the population

Trichromacy

#c5c1d8 Protanomaly 1% of men, 0.01% of women
#cdbfd7 Deuteranomaly 6% of men, 0.4% of women
#ccc0d1 Tritanomaly 0.01% of the population

#ccbdd6 hex color

#ccbdd6 Color Information

#ccbdd6 Color Conversion

Color Schemes with #ccbdd6

Alternatives to #ccbdd6

#ccbdd6 Preview

Shades and Tints of #ccbdd6

Tones of #ccbdd6

Color Blindness Simulator