#cccbd3 hex color

In a RGB color space, hex #cccbd3 is composed of 80% red, 79.6% green and 82.7% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 3.8% magenta, 0% yellow and 17.3% black. It has a hue angle of 247.5 degrees, a saturation of 8.3% and a lightness of 81.2%. #cccbd3 color hex could be obtained by blending #ffffff with #9997a7. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 80
- B 83
RGB color chart
- C 3
- M 4
- Y 0
- K 17
CMYK color chart

● #cccbd3 color description : Grayish blue.

The hexadecimal color #cccbd3 has RGB values of R:204, G:203, B:211 and CMYK values of C:0.03, M:0.04, Y:0, K:0.17. Its decimal value is 13421523.

Hex triplet	cccbd3	`#cccbd3`
RGB Decimal	204, 203, 211	`rgb(204,203,211)`
RGB Percent	80, 79.6, 82.7	`rgb(80%,79.6%,82.7%)`
CMYK	3, 4, 0, 17
HSL	247.5°, 8.3, 81.2	`hsl(247.5,8.3%,81.2%)`
HSV (or HSB)	247.5°, 3.8, 82.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.975, 1.825, -3.854
XYZ	58.013, 60.252, 70.198
xyY	0.308, 0.32, 60.252
CIE-LCH	81.975, 4.264, 295.334
CIE-LUV	81.975, 0.098, -6.184
Hunter-Lab	77.622, -2.432, 0.717
Binary	11001100, 11001011, 11010011

#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d2d3cb
```
#d2d3cb rgb(210,211,203)
```

Complementary Color

#cbced3
```
#cbced3 rgb(203,206,211)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d0cbd3
```
#d0cbd3 rgb(208,203,211)
```

Analogous Color

#ced3cb
```
#ced3cb rgb(206,211,203)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d3d0cb
```
#d3d0cb rgb(211,208,203)
```

Split Complementary Color

#cbd3cc
```
#cbd3cc rgb(203,211,204)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d3cccb
```
#d3cccb rgb(211,204,203)
```

Triadic Color

#cbd2d3
```
#cbd2d3 rgb(203,210,211)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d3cccb
```
#d3cccb rgb(211,204,203)
```
#d2d3cb
```
#d2d3cb rgb(210,211,203)
```

Tetradic Color

#a3a2b0
```
#a3a2b0 rgb(163,162,176)
```
#b1afbc
```
#b1afbc rgb(177,175,188)
```
#bebdc7
```
#bebdc7 rgb(190,189,199)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#dad9df
```
#dad9df rgb(218,217,223)
```
#e7e7ea
```
#e7e7ea rgb(231,231,234)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```

Monochromatic Color

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

#cbccd3
```
#cbccd3 rgb(203,204,211)
```
#cbcbd3
```
#cbcbd3 rgb(203,203,211)
```
#cbcbd3
```
#cbcbd3 rgb(203,203,211)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#cdcbd3
```
#cdcbd3 rgb(205,203,211)
```
#cdcbd3
```
#cdcbd3 rgb(205,203,211)
```
#cecbd3
```
#cecbd3 rgb(206,203,211)
```

Similar Colors

Text with hexadecimal color #cccbd3

This text has a font color of #cccbd3.

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

#cccbd3 background color

This paragraph has a background color of #cccbd3.

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

#cccbd3 border color

This element has a border color of #cccbd3.

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

CSS codes

.text {color:#cccbd3;}

.background {background-color:#cccbd3;}

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

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

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#131316
```
#131316 rgb(19,19,22)
```
#1d1c21
```
#1d1c21 rgb(29,28,33)
```
#26252c
```
#26252c rgb(38,37,44)
```
#2f2e36
```
#2f2e36 rgb(47,46,54)
```
#383741
```
#383741 rgb(56,55,65)
```
#41404c
```
#41404c rgb(65,64,76)
```
#4b4956
```
#4b4956 rgb(75,73,86)
```
#545261
```
#545261 rgb(84,82,97)
```
#5d5b6b
```
#5d5b6b rgb(93,91,107)
```
#666476
```
#666476 rgb(102,100,118)
```
#6f6d81
```
#6f6d81 rgb(111,109,129)
```

Shade Color Variation

#79768b
```
#79768b rgb(121,118,139)
```
#838194
```
#838194 rgb(131,129,148)
```
#8d8b9d
```
#8d8b9d rgb(141,139,157)
```
#9896a6
```
#9896a6 rgb(152,150,166)
```
#a2a1af
```
#a2a1af rgb(162,161,175)
```
#adabb8
```
#adabb8 rgb(173,171,184)
```
#b7b6c1
```
#b7b6c1 rgb(183,182,193)
```
#c2c0ca
```
#c2c0ca rgb(194,192,202)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#d6d6dc
```
#d6d6dc rgb(214,214,220)
```
#e1e0e5
```
#e1e0e5 rgb(225,224,229)
```
#ebebee
```
#ebebee rgb(235,235,238)
```
#f6f6f7
```
#f6f6f7 rgb(246,246,247)
```

Tint Color Variation

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

#cfcfcf
```
#cfcfcf rgb(207,207,207)
```
#cccbd3
```
#cccbd3 rgb(204,203,211)
```
#c9c7d7
```
#c9c7d7 rgb(201,199,215)
```
#c6c4da
```
#c6c4da rgb(198,196,218)
```
#c4c0de
```
#c4c0de rgb(196,192,222)
```
#c1bce2
```
#c1bce2 rgb(193,188,226)
```
#beb9e5
```
#beb9e5 rgb(190,185,229)
```
#bbb5e9
```
#bbb5e9 rgb(187,181,233)
```
#b9b1ed
```
#b9b1ed rgb(185,177,237)
```
#b6adf1
```
#b6adf1 rgb(182,173,241)
```
#b3aaf4
```
#b3aaf4 rgb(179,170,244)
```
#b0a6f8
```
#b0a6f8 rgb(176,166,248)
```
#aea2fc
```
#aea2fc rgb(174,162,252)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#cccccd Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfcdd5 Protanopia 1% of men
#ddc8d6 Deuteranopia 1% of men
#cfccdb Tritanopia 0.001% of the population

Trichromacy

#ceccd4 Protanomaly 1% of men, 0.01% of women
#d7c9d5 Deuteranomaly 6% of men, 0.4% of women
#ceccd8 Tritanomaly 0.01% of the population

#cccbd3 hex color

#cccbd3 Color Information

#cccbd3 Color Conversion

Color Schemes with #cccbd3

Alternatives to #cccbd3

#cccbd3 Preview

Shades and Tints of #cccbd3

Tones of #cccbd3

Color Blindness Simulator