#cccbdc hex color

In a RGB color space, hex #cccbdc is composed of 80% red, 79.6% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 7.7% magenta, 0% yellow and 13.7% black. It has a hue angle of 243.5 degrees, a saturation of 19.5% and a lightness of 82.9%. #cccbdc color hex could be obtained by blending #ffffff with #9997b9. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 80
- B 86
RGB color chart
- C 7
- M 8
- Y 0
- K 14
CMYK color chart

● #cccbdc color description : Light grayish blue.

The hexadecimal color #cccbdc has RGB values of R:204, G:203, B:220 and CMYK values of C:0.07, M:0.08, Y:0, K:0.14. Its decimal value is 13421532.

Hex triplet	cccbdc	`#cccbdc`
RGB Decimal	204, 203, 220	`rgb(204,203,220)`
RGB Percent	80, 79.6, 86.3	`rgb(80%,79.6%,86.3%)`
CMYK	7, 8, 0, 14
HSL	243.5°, 19.5, 82.9	`hsl(243.5,19.5%,82.9%)`
HSV (or HSB)	243.5°, 7.7, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	82.226, 3.552, -8.296
XYZ	59.174, 60.716, 76.308
xyY	0.302, 0.309, 60.716
CIE-LCH	82.226, 9.024, 293.178
CIE-LUV	82.226, -0.432, -13.388
Hunter-Lab	77.921, -0.807, -3.519
Binary	11001100, 11001011, 11011100

#cccbdc
```
#cccbdc rgb(204,203,220)
```
#dbdccb
```
#dbdccb rgb(219,220,203)
```

Complementary Color

#cbd3dc
```
#cbd3dc rgb(203,211,220)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#d5cbdc
```
#d5cbdc rgb(213,203,220)
```

Analogous Color

#d3dccb
```
#d3dccb rgb(211,220,203)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#dcd5cb
```
#dcd5cb rgb(220,213,203)
```

Split Complementary Color

#cbdccc
```
#cbdccc rgb(203,220,204)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#dccccb
```
#dccccb rgb(220,204,203)
```

Triadic Color

#cbdbdc
```
#cbdbdc rgb(203,219,220)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#dccccb
```
#dccccb rgb(220,204,203)
```
#dbdccb
```
#dbdccb rgb(219,220,203)
```

Tetradic Color

#9f9dbd
```
#9f9dbd rgb(159,157,189)
```
#aeadc7
```
#aeadc7 rgb(174,173,199)
```
#bdbcd2
```
#bdbcd2 rgb(189,188,210)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#dbdae6
```
#dbdae6 rgb(219,218,230)
```
#eae9f1
```
#eae9f1 rgb(234,233,241)
```
#f9f9fb
```
#f9f9fb rgb(249,249,251)
```

Monochromatic Color

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

#cbcedc
```
#cbcedc rgb(203,206,220)
```
#cbcddc
```
#cbcddc rgb(203,205,220)
```
#cbcbdc
```
#cbcbdc rgb(203,203,220)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#cdcbdc
```
#cdcbdc rgb(205,203,220)
```
#cfcbdc
```
#cfcbdc rgb(207,203,220)
```
#d0cbdc
```
#d0cbdc rgb(208,203,220)
```

Similar Colors

Text with hexadecimal color #cccbdc

This text has a font color of #cccbdc.

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

#cccbdc background color

This paragraph has a background color of #cccbdc.

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

#cccbdc border color

This element has a border color of #cccbdc.

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

CSS codes

.text {color:#cccbdc;}

.background {background-color:#cccbdc;}

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

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

#050407
```
#050407 rgb(5,4,7)
```
#0d0c12
```
#0d0c12 rgb(13,12,18)
```
#15141e
```
#15141e rgb(21,20,30)
```
#1d1c2a
```
#1d1c2a rgb(29,28,42)
```
#252436
```
#252436 rgb(37,36,54)
```
#2d2c41
```
#2d2c41 rgb(45,44,65)
```
#35344d
```
#35344d rgb(53,52,77)
```
#3d3c59
```
#3d3c59 rgb(61,60,89)
```
#464464
```
#464464 rgb(70,68,100)
```
#4e4b70
```
#4e4b70 rgb(78,75,112)
```
#56537c
```
#56537c rgb(86,83,124)
```
#5e5b88
```
#5e5b88 rgb(94,91,136)
```
#666393
```
#666393 rgb(102,99,147)
```

Shade Color Variation

#706d9d
```
#706d9d rgb(112,109,157)
```
#7c79a5
```
#7c79a5 rgb(124,121,165)
```
#8785ad
```
#8785ad rgb(135,133,173)
```
#9390b5
```
#9390b5 rgb(147,144,181)
```
#9e9cbc
```
#9e9cbc rgb(158,156,188)
```
#aaa8c4
```
#aaa8c4 rgb(170,168,196)
```
#b5b4cc
```
#b5b4cc rgb(181,180,204)
```
#c1bfd4
```
#c1bfd4 rgb(193,191,212)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#d7d7e4
```
#d7d7e4 rgb(215,215,228)
```
#e3e2ec
```
#e3e2ec rgb(227,226,236)
```
#eeeef4
```
#eeeef4 rgb(238,238,244)
```
#fafafc
```
#fafafc rgb(250,250,252)
```

Tint Color Variation

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

#d2d2d5
```
#d2d2d5 rgb(210,210,213)
```
#cfced9
```
#cfced9 rgb(207,206,217)
```
#cccbdc
```
#cccbdc rgb(204,203,220)
```
#c9c8df
```
#c9c8df rgb(201,200,223)
```
#c6c4e3
```
#c6c4e3 rgb(198,196,227)
```
#c3c1e6
```
#c3c1e6 rgb(195,193,230)
```
#c0bee9
```
#c0bee9 rgb(192,190,233)
```
#bdbaed
```
#bdbaed rgb(189,186,237)
```
#bab7f0
```
#bab7f0 rgb(186,183,240)
```
#b7b4f3
```
#b7b4f3 rgb(183,180,243)
```
#b4b0f7
```
#b4b0f7 rgb(180,176,247)
```
#b1adfa
```
#b1adfa rgb(177,173,250)
```
#aeaafd
```
#aeaafd rgb(174,170,253)
```

Tone Color Variation

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

#cdcdcd Achromatopsia 0.005% of the population
#cdcdd0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cecddd Protanopia 1% of men
#dac9df Deuteranopia 1% of men
#cecddc Tritanopia 0.001% of the population

Trichromacy

#cdccdd Protanomaly 1% of men, 0.01% of women
#d5cadd Deuteranomaly 6% of men, 0.4% of women
#cdccdc Tritanomaly 0.01% of the population

#cccbdc hex color

#cccbdc Color Information

#cccbdc Color Conversion

Color Schemes with #cccbdc

Alternatives to #cccbdc

#cccbdc Preview

Shades and Tints of #cccbdc

Tones of #cccbdc

Color Blindness Simulator