#ccbdd5 hex color

In a RGB color space, hex #ccbdd5 is composed of 80% red, 74.1% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 4.2% cyan, 11.3% magenta, 0% yellow and 16.5% black. It has a hue angle of 277.5 degrees, a saturation of 22.2% and a lightness of 78.8%. #ccbdd5 color hex could be obtained by blending #ffffff with #997bab. Closest websafe color is: #cccccc.

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

● #ccbdd5 color description : Grayish violet.

The hexadecimal color #ccbdd5 has RGB values of R:204, G:189, B:213 and CMYK values of C:0.04, M:0.11, Y:0, K:0.16. Its decimal value is 13417941.

Hex triplet	ccbdd5	`#ccbdd5`
RGB Decimal	204, 189, 213	`rgb(204,189,213)`
RGB Percent	80, 74.1, 83.5	`rgb(80%,74.1%,83.5%)`
CMYK	4, 11, 0, 16
HSL	277.5°, 22.2, 78.8	`hsl(277.5,22.2%,78.8%)`
HSV (or HSB)	277.5°, 11.3, 83.5
Web Safe	cccccc	`#cccccc`

CIE-LAB	78.483, 9.673, -10.101
XYZ	55.108, 54.037, 70.474
xyY	0.307, 0.301, 54.037
CIE-LCH	78.483, 13.985, 313.76
CIE-LUV	78.483, 6.953, -17.15
Hunter-Lab	73.51, 5.173, -5.385
Binary	11001100, 10111101, 11010101

#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#c6d5bd
```
#c6d5bd rgb(198,213,189)
```

Complementary Color

#c0bdd5
```
#c0bdd5 rgb(192,189,213)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d5bdd2
```
#d5bdd2 rgb(213,189,210)
```

Analogous Color

#bdd5c0
```
#bdd5c0 rgb(189,213,192)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d2d5bd
```
#d2d5bd rgb(210,213,189)
```

Split Complementary Color

#bdd5cc
```
#bdd5cc rgb(189,213,204)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d5ccbd
```
#d5ccbd rgb(213,204,189)
```

Triadic Color

#bdc6d5
```
#bdc6d5 rgb(189,198,213)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d5ccbd
```
#d5ccbd rgb(213,204,189)
```
#c6d5bd
```
#c6d5bd rgb(198,213,189)
```

Tetradic Color

#a88eb7
```
#a88eb7 rgb(168,142,183)
```
#b49ec1
```
#b49ec1 rgb(180,158,193)
```
#c0adcb
```
#c0adcb rgb(192,173,203)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d8cddf
```
#d8cddf rgb(216,205,223)
```
#e4dce9
```
#e4dce9 rgb(228,220,233)
```
#f0ecf3
```
#f0ecf3 rgb(240,236,243)
```

Monochromatic Color

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

#c6bdd5
```
#c6bdd5 rgb(198,189,213)
```
#c8bdd5
```
#c8bdd5 rgb(200,189,213)
```
#cabdd5
```
#cabdd5 rgb(202,189,213)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#cebdd5
```
#cebdd5 rgb(206,189,213)
```
#d0bdd5
```
#d0bdd5 rgb(208,189,213)
```
#d2bdd5
```
#d2bdd5 rgb(210,189,213)
```

Similar Colors

Text with hexadecimal color #ccbdd5

This text has a font color of #ccbdd5.

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

#ccbdd5 background color

This paragraph has a background color of #ccbdd5.

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

#ccbdd5 border color

This element has a border color of #ccbdd5.

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

CSS codes

.text {color:#ccbdd5;}

.background {background-color:#ccbdd5;}

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

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

#050406
```
#050406 rgb(5,4,6)
```
#0f0b12
```
#0f0b12 rgb(15,11,18)
```
#1a131e
```
#1a131e rgb(26,19,30)
```
#241b2a
```
#241b2a rgb(36,27,42)
```
#2f2236
```
#2f2236 rgb(47,34,54)
```
#392a42
```
#392a42 rgb(57,42,66)
```
#43324e
```
#43324e rgb(67,50,78)
```
#4e395a
```
#4e395a rgb(78,57,90)
```
#584166
```
#584166 rgb(88,65,102)
```
#624872
```
#624872 rgb(98,72,114)
```
#6d507e
```
#6d507e rgb(109,80,126)
```
#77588a
```
#77588a rgb(119,88,138)
```
#815f96
```
#815f96 rgb(129,95,150)
```

Shade Color Variation

#8b69a0
```
#8b69a0 rgb(139,105,160)
```
#9475a7
```
#9475a7 rgb(148,117,167)
```
#9e81af
```
#9e81af rgb(158,129,175)
```
#a78db6
```
#a78db6 rgb(167,141,182)
```
#b099be
```
#b099be rgb(176,153,190)
```
#b9a5c6
```
#b9a5c6 rgb(185,165,198)
```
#c3b1cd
```
#c3b1cd rgb(195,177,205)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#d5c9dd
```
#d5c9dd rgb(213,201,221)
```
#dfd5e4
```
#dfd5e4 rgb(223,213,228)
```
#e8e1ec
```
#e8e1ec rgb(232,225,236)
```
#f1edf4
```
#f1edf4 rgb(241,237,244)
```
#faf9fb
```
#faf9fb rgb(250,249,251)
```

Tint Color Variation

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

#cac5cd
```
#cac5cd rgb(202,197,205)
```
#cbc1d1
```
#cbc1d1 rgb(203,193,209)
```
#ccbdd5
```
#ccbdd5 rgb(204,189,213)
```
#cdb9d9
```
#cdb9d9 rgb(205,185,217)
```
#ceb5dd
```
#ceb5dd rgb(206,181,221)
```
#cfb1e1
```
#cfb1e1 rgb(207,177,225)
```
#d0ace6
```
#d0ace6 rgb(208,172,230)
```
#d1a8ea
```
#d1a8ea rgb(209,168,234)
```
#d2a4ee
```
#d2a4ee rgb(210,164,238)
```
#d3a0f2
```
#d3a0f2 rgb(211,160,242)
```
#d49cf6
```
#d49cf6 rgb(212,156,246)
```
#d598fa
```
#d598fa rgb(213,152,250)
```
#d693ff
```
#d693ff rgb(214,147,255)
```

Tone Color Variation

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

Dichromacy

#c2c4d9 Protanopia 1% of men
#cec0d7 Deuteranopia 1% of men
#cdc1cf Tritanopia 0.001% of the population

Trichromacy

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

#ccbdd5 hex color

#ccbdd5 Color Information

#ccbdd5 Color Conversion

Color Schemes with #ccbdd5

Alternatives to #ccbdd5

#ccbdd5 Preview

Shades and Tints of #ccbdd5

Tones of #ccbdd5

Color Blindness Simulator