#ccc2dd hex color

In a RGB color space, hex #ccc2dd is composed of 80% red, 76.1% green and 86.7% blue. Whereas in a CMYK color space, it is composed of 7.7% cyan, 12.2% magenta, 0% yellow and 13.3% black. It has a hue angle of 262.2 degrees, a saturation of 28.4% and a lightness of 81.4%. #ccc2dd color hex could be obtained by blending #ffffff with #9985bb. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 76
- B 87
RGB color chart
- C 8
- M 12
- Y 0
- K 13
CMYK color chart

● #ccc2dd color description : Light grayish violet.

The hexadecimal color #ccc2dd has RGB values of R:204, G:194, B:221 and CMYK values of C:0.08, M:0.12, Y:0, K:0.13. Its decimal value is 13419229.

Hex triplet	ccc2dd	`#ccc2dd`
RGB Decimal	204, 194, 221	`rgb(204,194,221)`
RGB Percent	80, 76.1, 86.7	`rgb(80%,76.1%,86.7%)`
CMYK	8, 12, 0, 13
HSL	262.2°, 28.4, 81.4	`hsl(262.2,28.4%,81.4%)`
HSV (or HSB)	262.2°, 12.2, 86.7
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.978, 8.548, -12.181
XYZ	57.242, 56.641, 76.32
xyY	0.301, 0.298, 56.641
CIE-LCH	79.978, 14.881, 305.057
CIE-LUV	79.978, 3.898, -20.298
Hunter-Lab	75.261, 4.06, -7.442
Binary	11001100, 11000010, 11011101

#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#d3ddc2
```
#d3ddc2 rgb(211,221,194)
```

Complementary Color

#c2c6dd
```
#c2c6dd rgb(194,198,221)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#dac2dd
```
#dac2dd rgb(218,194,221)
```

Analogous Color

#c6ddc2
```
#c6ddc2 rgb(198,221,194)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#dddac2
```
#dddac2 rgb(221,218,194)
```

Split Complementary Color

#c2ddcc
```
#c2ddcc rgb(194,221,204)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#ddccc2
```
#ddccc2 rgb(221,204,194)
```

Triadic Color

#c2d3dd
```
#c2d3dd rgb(194,211,221)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#ddccc2
```
#ddccc2 rgb(221,204,194)
```
#d3ddc2
```
#d3ddc2 rgb(211,221,194)
```

Tetradic Color

#a391c2
```
#a391c2 rgb(163,145,194)
```
#b1a1cb
```
#b1a1cb rgb(177,161,203)
```
#beb2d4
```
#beb2d4 rgb(190,178,212)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#dad2e6
```
#dad2e6 rgb(218,210,230)
```
#e7e3ef
```
#e7e3ef rgb(231,227,239)
```
#f5f3f8
```
#f5f3f8 rgb(245,243,248)
```

Monochromatic Color

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

#c5c2dd
```
#c5c2dd rgb(197,194,221)
```
#c8c2dd
```
#c8c2dd rgb(200,194,221)
```
#cac2dd
```
#cac2dd rgb(202,194,221)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#cec2dd
```
#cec2dd rgb(206,194,221)
```
#d1c2dd
```
#d1c2dd rgb(209,194,221)
```
#d3c2dd
```
#d3c2dd rgb(211,194,221)
```

Similar Colors

Text with hexadecimal color #ccc2dd

This text has a font color of #ccc2dd.

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

#ccc2dd background color

This paragraph has a background color of #ccc2dd.

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

#ccc2dd border color

This element has a border color of #ccc2dd.

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

CSS codes

.text {color:#ccc2dd;}

.background {background-color:#ccc2dd;}

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

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

#010102
```
#010102 rgb(1,1,2)
```
#0b080f
```
#0b080f rgb(11,8,15)
```
#140f1b
```
#140f1b rgb(20,15,27)
```
#1d1628
```
#1d1628 rgb(29,22,40)
```
#261d34
```
#261d34 rgb(38,29,52)
```
#2f2441
```
#2f2441 rgb(47,36,65)
```
#382b4e
```
#382b4e rgb(56,43,78)
```
#41325a
```
#41325a rgb(65,50,90)
```
#4a3967
```
#4a3967 rgb(74,57,103)
```
#534073
```
#534073 rgb(83,64,115)
```
#5c4780
```
#5c4780 rgb(92,71,128)
```
#654e8d
```
#654e8d rgb(101,78,141)
```
#6e5599
```
#6e5599 rgb(110,85,153)
```

Shade Color Variation

#785da5
```
#785da5 rgb(120,93,165)
```
#826aac
```
#826aac rgb(130,106,172)
```
#8d76b3
```
#8d76b3 rgb(141,118,179)
```
#9783ba
```
#9783ba rgb(151,131,186)
```
#a290c1
```
#a290c1 rgb(162,144,193)
```
#ac9cc8
```
#ac9cc8 rgb(172,156,200)
```
#b7a9cf
```
#b7a9cf rgb(183,169,207)
```
#c1b5d6
```
#c1b5d6 rgb(193,181,214)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#d7cfe4
```
#d7cfe4 rgb(215,207,228)
```
#e1dbeb
```
#e1dbeb rgb(225,219,235)
```
#ece8f2
```
#ece8f2 rgb(236,232,242)
```
#f6f4f9
```
#f6f4f9 rgb(246,244,249)
```

Tint Color Variation

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

#cfcdd2
```
#cfcdd2 rgb(207,205,210)
```
#cec9d6
```
#cec9d6 rgb(206,201,214)
```
#cdc6d9
```
#cdc6d9 rgb(205,198,217)
```
#ccc2dd
```
#ccc2dd rgb(204,194,221)
```
#cbbee1
```
#cbbee1 rgb(203,190,225)
```
#cabbe4
```
#cabbe4 rgb(202,187,228)
```
#c9b7e8
```
#c9b7e8 rgb(201,183,232)
```
#c8b3ec
```
#c8b3ec rgb(200,179,236)
```
#c7b0ef
```
#c7b0ef rgb(199,176,239)
```
#c6acf3
```
#c6acf3 rgb(198,172,243)
```
#c5a8f7
```
#c5a8f7 rgb(197,168,247)
```
#c4a5fa
```
#c4a5fa rgb(196,165,250)
```
#c3a1fe
```
#c3a1fe rgb(195,161,254)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c9c7cc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5c7e0 Protanopia 1% of men
#d1c4df Deuteranopia 1% of men
#ccc6d5 Tritanopia 0.001% of the population

Trichromacy

#c7c5df Protanomaly 1% of men, 0.01% of women
#cfc3de Deuteranomaly 6% of men, 0.4% of women
#ccc5d7 Tritanomaly 0.01% of the population

#ccc2dd hex color

#ccc2dd Color Information

#ccc2dd Color Conversion

Color Schemes with #ccc2dd

Alternatives to #ccc2dd

#ccc2dd Preview

Shades and Tints of #ccc2dd

Tones of #ccc2dd

Color Blindness Simulator