#ccc8dc hex color

In a RGB color space, hex #ccc8dc is composed of 80% red, 78.4% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 7.3% cyan, 9.1% magenta, 0% yellow and 13.7% black. It has a hue angle of 252 degrees, a saturation of 22.2% and a lightness of 82.4%. #ccc8dc color hex could be obtained by blending #ffffff with #9991b9. Closest websafe color is: #cccccc.

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

● #ccc8dc color description : Light grayish blue.

The hexadecimal color #ccc8dc has RGB values of R:204, G:200, B:220 and CMYK values of C:0.07, M:0.09, Y:0, K:0.14. Its decimal value is 13420764.

Hex triplet	ccc8dc	`#ccc8dc`
RGB Decimal	204, 200, 220	`rgb(204,200,220)`
RGB Percent	80, 78.4, 86.3	`rgb(80%,78.4%,86.3%)`
CMYK	7, 9, 0, 14
HSL	252°, 22.2, 82.4	`hsl(252,22.2%,82.4%)`
HSV (or HSB)	252°, 9.1, 86.3
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.463, 5.145, -9.429
XYZ	58.472, 59.313, 76.074
xyY	0.302, 0.306, 59.313
CIE-LCH	81.463, 10.741, 298.619
CIE-LUV	81.463, 1.036, -15.42
Hunter-Lab	77.015, 0.746, -4.655
Binary	11001100, 11001000, 11011100

#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#d8dcc8
```
#d8dcc8 rgb(216,220,200)
```

Complementary Color

#c8cedc
```
#c8cedc rgb(200,206,220)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#d6c8dc
```
#d6c8dc rgb(214,200,220)
```

Analogous Color

#cedcc8
```
#cedcc8 rgb(206,220,200)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#dcd6c8
```
#dcd6c8 rgb(220,214,200)
```

Split Complementary Color

#c8dccc
```
#c8dccc rgb(200,220,204)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#dcccc8
```
#dcccc8 rgb(220,204,200)
```

Triadic Color

#c8d8dc
```
#c8d8dc rgb(200,216,220)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#dcccc8
```
#dcccc8 rgb(220,204,200)
```
#d8dcc8
```
#d8dcc8 rgb(216,220,200)
```

Tetradic Color

#a199be
```
#a199be rgb(161,153,190)
```
#afa9c8
```
#afa9c8 rgb(175,169,200)
```
#beb8d2
```
#beb8d2 rgb(190,184,210)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#dad8e6
```
#dad8e6 rgb(218,216,230)
```
#e9e7f0
```
#e9e7f0 rgb(233,231,240)
```
#f7f7fa
```
#f7f7fa rgb(247,247,250)
```

Monochromatic Color

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

#c8c9dc
```
#c8c9dc rgb(200,201,220)
```
#c9c8dc
```
#c9c8dc rgb(201,200,220)
```
#cac8dc
```
#cac8dc rgb(202,200,220)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#cec8dc
```
#cec8dc rgb(206,200,220)
```
#cfc8dc
```
#cfc8dc rgb(207,200,220)
```
#d1c8dc
```
#d1c8dc rgb(209,200,220)
```

Similar Colors

Text with hexadecimal color #ccc8dc

This text has a font color of #ccc8dc.

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

#ccc8dc background color

This paragraph has a background color of #ccc8dc.

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

#ccc8dc border color

This element has a border color of #ccc8dc.

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

CSS codes

.text {color:#ccc8dc;}

.background {background-color:#ccc8dc;}

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

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

#040305
```
#040305 rgb(4,3,5)
```
#0c0b11
```
#0c0b11 rgb(12,11,17)
```
#15121d
```
#15121d rgb(21,18,29)
```
#1d1a29
```
#1d1a29 rgb(29,26,41)
```
#262235
```
#262235 rgb(38,34,53)
```
#2e2941
```
#2e2941 rgb(46,41,65)
```
#37314d
```
#37314d rgb(55,49,77)
```
#3f3959
```
#3f3959 rgb(63,57,89)
```
#484065
```
#484065 rgb(72,64,101)
```
#504871
```
#504871 rgb(80,72,113)
```
#594f7d
```
#594f7d rgb(89,79,125)
```
#615789
```
#615789 rgb(97,87,137)
```
#6a5f95
```
#6a5f95 rgb(106,95,149)
```

Shade Color Variation

#73689f
```
#73689f rgb(115,104,159)
```
#7e74a7
```
#7e74a7 rgb(126,116,167)
```
#8980ae
```
#8980ae rgb(137,128,174)
```
#948cb6
```
#948cb6 rgb(148,140,182)
```
#a098bd
```
#a098bd rgb(160,152,189)
```
#aba4c5
```
#aba4c5 rgb(171,164,197)
```
#b6b0cd
```
#b6b0cd rgb(182,176,205)
```
#c1bcd4
```
#c1bcd4 rgb(193,188,212)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#d7d4e4
```
#d7d4e4 rgb(215,212,228)
```
#e2e0eb
```
#e2e0eb rgb(226,224,235)
```
#edecf3
```
#edecf3 rgb(237,236,243)
```
#f8f8fb
```
#f8f8fb rgb(248,248,251)
```

Tint Color Variation

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

#d0cfd5
```
#d0cfd5 rgb(208,207,213)
```
#cecbd9
```
#cecbd9 rgb(206,203,217)
```
#ccc8dc
```
#ccc8dc rgb(204,200,220)
```
#cac5df
```
#cac5df rgb(202,197,223)
```
#c8c1e3
```
#c8c1e3 rgb(200,193,227)
```
#c6bee6
```
#c6bee6 rgb(198,190,230)
```
#c4baea
```
#c4baea rgb(196,186,234)
```
#c2b7ed
```
#c2b7ed rgb(194,183,237)
```
#c0b3f1
```
#c0b3f1 rgb(192,179,241)
```
#bdb0f4
```
#bdb0f4 rgb(189,176,244)
```
#bbacf8
```
#bbacf8 rgb(187,172,248)
```
#b9a9fb
```
#b9a9fb rgb(185,169,251)
```
#b7a5ff
```
#b7a5ff rgb(183,165,255)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cbcace Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbcbde Protanopia 1% of men
#d7c7de Deuteranopia 1% of men
#cdcbda Tritanopia 0.001% of the population

Trichromacy

#cbcadd Protanomaly 1% of men, 0.01% of women
#d3c7dd Deuteranomaly 6% of men, 0.4% of women
#cdcada Tritanomaly 0.01% of the population

#ccc8dc hex color

#ccc8dc Color Information

#ccc8dc Color Conversion

Color Schemes with #ccc8dc

Alternatives to #ccc8dc

#ccc8dc Preview

Shades and Tints of #ccc8dc

Tones of #ccc8dc

Color Blindness Simulator