#ccc1d8 hex color

In a RGB color space, hex #ccc1d8 is composed of 80% red, 75.7% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 5.6% cyan, 10.6% magenta, 0% yellow and 15.3% black. It has a hue angle of 268.7 degrees, a saturation of 22.8% and a lightness of 80.2%. #ccc1d8 color hex could be obtained by blending #ffffff with #9983b1. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 76
- B 85
RGB color chart
- C 6
- M 11
- Y 0
- K 15
CMYK color chart

● #ccc1d8 color description : Grayish violet.

The hexadecimal color #ccc1d8 has RGB values of R:204, G:193, B:216 and CMYK values of C:0.06, M:0.11, Y:0, K:0.15. Its decimal value is 13418968.

Hex triplet	ccc1d8	`#ccc1d8`
RGB Decimal	204, 193, 216	`rgb(204,193,216)`
RGB Percent	80, 75.7, 84.7	`rgb(80%,75.7%,84.7%)`
CMYK	6, 11, 0, 15
HSL	268.7°, 22.8, 80.2	`hsl(268.7,22.8%,80.2%)`
HSV (or HSB)	268.7°, 10.6, 84.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.577, 8.104, -10.089
XYZ	56.364, 55.935, 72.789
xyY	0.305, 0.302, 55.935
CIE-LCH	79.577, 12.941, 308.772
CIE-LUV	79.577, 4.747, -16.902
Hunter-Lab	74.79, 3.642, -5.351
Binary	11001100, 11000001, 11011000

#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#cdd8c1
```
#cdd8c1 rgb(205,216,193)
```

Complementary Color

#c1c2d8
```
#c1c2d8 rgb(193,194,216)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d8c1d8
```
#d8c1d8 rgb(216,193,216)
```

Analogous Color

#c2d8c1
```
#c2d8c1 rgb(194,216,193)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d8d8c1
```
#d8d8c1 rgb(216,216,193)
```

Split Complementary Color

#c1d8cc
```
#c1d8cc rgb(193,216,204)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d8ccc1
```
#d8ccc1 rgb(216,204,193)
```

Triadic Color

#c1cdd8
```
#c1cdd8 rgb(193,205,216)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d8ccc1
```
#d8ccc1 rgb(216,204,193)
```
#cdd8c1
```
#cdd8c1 rgb(205,216,193)
```

Tetradic Color

#a592ba
```
#a592ba rgb(165,146,186)
```
#b2a2c4
```
#b2a2c4 rgb(178,162,196)
```
#bfb1ce
```
#bfb1ce rgb(191,177,206)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d9d1e2
```
#d9d1e2 rgb(217,209,226)
```
#e6e0ec
```
#e6e0ec rgb(230,224,236)
```
#f3f0f6
```
#f3f0f6 rgb(243,240,246)
```

Monochromatic Color

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

#c6c1d8
```
#c6c1d8 rgb(198,193,216)
```
#c8c1d8
```
#c8c1d8 rgb(200,193,216)
```
#cac1d8
```
#cac1d8 rgb(202,193,216)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#cec1d8
```
#cec1d8 rgb(206,193,216)
```
#d0c1d8
```
#d0c1d8 rgb(208,193,216)
```
#d2c1d8
```
#d2c1d8 rgb(210,193,216)
```

Similar Colors

Text with hexadecimal color #ccc1d8

This text has a font color of #ccc1d8.

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

#ccc1d8 background color

This paragraph has a background color of #ccc1d8.

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

#ccc1d8 border color

This element has a border color of #ccc1d8.

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

CSS codes

.text {color:#ccc1d8;}

.background {background-color:#ccc1d8;}

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

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, #08060a is the darkest color, while #fefdfe is the lightest one.

#08060a
```
#08060a rgb(8,6,10)
```
#120e16
```
#120e16 rgb(18,14,22)
```
#1c1622
```
#1c1622 rgb(28,22,34)
```
#251d2e
```
#251d2e rgb(37,29,46)
```
#2f253a
```
#2f253a rgb(47,37,58)
```
#392c46
```
#392c46 rgb(57,44,70)
```
#433452
```
#433452 rgb(67,52,82)
```
#4c3b5f
```
#4c3b5f rgb(76,59,95)
```
#56436b
```
#56436b rgb(86,67,107)
```
#604b77
```
#604b77 rgb(96,75,119)
```
#695283
```
#695283 rgb(105,82,131)
```
#735a8f
```
#735a8f rgb(115,90,143)
```
#7d619b
```
#7d619b rgb(125,97,155)
```

Shade Color Variation

#876da3
```
#876da3 rgb(135,109,163)
```
#9179ab
```
#9179ab rgb(145,121,171)
```
#9a85b2
```
#9a85b2 rgb(154,133,178)
```
#a491ba
```
#a491ba rgb(164,145,186)
```
#ae9dc1
```
#ae9dc1 rgb(174,157,193)
```
#b8a9c9
```
#b8a9c9 rgb(184,169,201)
```
#c2b5d0
```
#c2b5d0 rgb(194,181,208)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#d6cde0
```
#d6cde0 rgb(214,205,224)
```
#e0d9e7
```
#e0d9e7 rgb(224,217,231)
```
#eae5ef
```
#eae5ef rgb(234,229,239)
```
#f4f1f6
```
#f4f1f6 rgb(244,241,246)
```
#fefdfe
```
#fefdfe rgb(254,253,254)
```

Tint Color Variation

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

#ccc9d0
```
#ccc9d0 rgb(204,201,208)
```
#ccc5d4
```
#ccc5d4 rgb(204,197,212)
```
#ccc1d8
```
#ccc1d8 rgb(204,193,216)
```
#ccbddc
```
#ccbddc rgb(204,189,220)
```
#ccb9e0
```
#ccb9e0 rgb(204,185,224)
```
#cbb5e4
```
#cbb5e4 rgb(203,181,228)
```
#cbb1e8
```
#cbb1e8 rgb(203,177,232)
```
#cbaeeb
```
#cbaeeb rgb(203,174,235)
```
#cbaaef
```
#cbaaef rgb(203,170,239)
```
#cba6f3
```
#cba6f3 rgb(203,166,243)
```
#cba2f7
```
#cba2f7 rgb(203,162,247)
```
#ca9efb
```
#ca9efb rgb(202,158,251)
```
#ca9aff
```
#ca9aff rgb(202,154,255)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c8c6ca Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c6db Protanopia 1% of men
#d1c3da Deuteranopia 1% of men
#cdc5d3 Tritanopia 0.001% of the population

Trichromacy

#c7c4da Protanomaly 1% of men, 0.01% of women
#cfc2d9 Deuteranomaly 6% of men, 0.4% of women
#ccc3d5 Tritanomaly 0.01% of the population

#ccc1d8 hex color

#ccc1d8 Color Information

#ccc1d8 Color Conversion

Color Schemes with #ccc1d8

Alternatives to #ccc1d8

#ccc1d8 Preview

Shades and Tints of #ccc1d8

Tones of #ccc1d8

Color Blindness Simulator