#ccc2cd hex color

In a RGB color space, hex #ccc2cd is composed of 80% red, 76.1% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 0.5% cyan, 5.4% magenta, 0% yellow and 19.6% black. It has a hue angle of 294.5 degrees, a saturation of 9.9% and a lightness of 78.2%. #ccc2cd color hex could be obtained by blending #ffffff with #99859b. Closest websafe color is: #cccccc.

♥
- f
- t
- g
- R 80
- G 76
- B 80
RGB color chart
- C 0
- M 5
- Y 0
- K 20
CMYK color chart

● #ccc2cd color description : Grayish magenta.

The hexadecimal color #ccc2cd has RGB values of R:204, G:194, B:205 and CMYK values of C:0, M:0.05, Y:0, K:0.2. Its decimal value is 13419213.

Hex triplet	ccc2cd	`#ccc2cd`
RGB Decimal	204, 194, 205	`rgb(204,194,205)`
RGB Percent	80, 76.1, 80.4	`rgb(80%,76.1%,80.4%)`
CMYK	0, 5, 0, 20
HSL	294.5°, 9.9, 78.2	`hsl(294.5,9.9%,78.2%)`
HSV (or HSB)	294.5°, 5.4, 80.4
Web Safe	cccccc	`#cccccc`

CIE-LAB	79.516, 5.481, -4.254
XYZ	55.211, 55.829, 65.622
xyY	0.313, 0.316, 55.829
CIE-LCH	79.516, 6.938, 322.181
CIE-LUV	79.516, 5.025, -7.398
Hunter-Lab	74.719, 1.139, 0.232
Binary	11001100, 11000010, 11001101

#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#c3cdc2
```
#c3cdc2 rgb(195,205,194)
```

Complementary Color

#c7c2cd
```
#c7c2cd rgb(199,194,205)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#cdc2c9
```
#cdc2c9 rgb(205,194,201)
```

Analogous Color

#c2cdc7
```
#c2cdc7 rgb(194,205,199)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#c9cdc2
```
#c9cdc2 rgb(201,205,194)
```

Split Complementary Color

#c2cdcc
```
#c2cdcc rgb(194,205,204)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#cdccc2
```
#cdccc2 rgb(205,204,194)
```

Triadic Color

#c2c3cd
```
#c2c3cd rgb(194,195,205)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#cdccc2
```
#cdccc2 rgb(205,204,194)
```
#c3cdc2
```
#c3cdc2 rgb(195,205,194)
```

Tetradic Color

#a998ab
```
#a998ab rgb(169,152,171)
```
#b5a6b6
```
#b5a6b6 rgb(181,166,182)
```
#c0b4c2
```
#c0b4c2 rgb(192,180,194)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#d8d0d8
```
#d8d0d8 rgb(216,208,216)
```
#e3dee4
```
#e3dee4 rgb(227,222,228)
```
#efecef
```
#efecef rgb(239,236,239)
```

Monochromatic Color

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

#c9c2cd
```
#c9c2cd rgb(201,194,205)
```
#cac2cd
```
#cac2cd rgb(202,194,205)
```
#cbc2cd
```
#cbc2cd rgb(203,194,205)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#cdc2cd
```
#cdc2cd rgb(205,194,205)
```
#cdc2cc
```
#cdc2cc rgb(205,194,204)
```
#cdc2cb
```
#cdc2cb rgb(205,194,203)
```

Similar Colors

Text with hexadecimal color #ccc2cd

This text has a font color of #ccc2cd.

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

#ccc2cd background color

This paragraph has a background color of #ccc2cd.

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

#ccc2cd border color

This element has a border color of #ccc2cd.

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

CSS codes

.text {color:#ccc2cd;}

.background {background-color:#ccc2cd;}

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

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

#040304
```
#040304 rgb(4,3,4)
```
#0e0c0e
```
#0e0c0e rgb(14,12,14)
```
#191519
```
#191519 rgb(25,21,25)
```
#231e24
```
#231e24 rgb(35,30,36)
```
#2e262f
```
#2e262f rgb(46,38,47)
```
#392f3a
```
#392f3a rgb(57,47,58)
```
#433844
```
#433844 rgb(67,56,68)
```
#4e414f
```
#4e414f rgb(78,65,79)
```
#584a5a
```
#584a5a rgb(88,74,90)
```
#635365
```
#635365 rgb(99,83,101)
```
#6e5b6f
```
#6e5b6f rgb(110,91,111)
```
#78647a
```
#78647a rgb(120,100,122)
```
#836d85
```
#836d85 rgb(131,109,133)
```

Shade Color Variation

#8d778f
```
#8d778f rgb(141,119,143)
```
#968198
```
#968198 rgb(150,129,152)
```
#9f8ca1
```
#9f8ca1 rgb(159,140,161)
```
#a897aa
```
#a897aa rgb(168,151,170)
```
#b1a2b2
```
#b1a2b2 rgb(177,162,178)
```
#baacbb
```
#baacbb rgb(186,172,187)
```
#c3b7c4
```
#c3b7c4 rgb(195,183,196)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#d5cdd6
```
#d5cdd6 rgb(213,205,214)
```
#ded8df
```
#ded8df rgb(222,216,223)
```
#e7e2e8
```
#e7e2e8 rgb(231,226,232)
```
#f0edf0
```
#f0edf0 rgb(240,237,240)
```
#f9f8f9
```
#f9f8f9 rgb(249,248,249)
```

Tint Color Variation

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

#c9c6c9
```
#c9c6c9 rgb(201,198,201)
```
#ccc2cd
```
#ccc2cd rgb(204,194,205)
```
#cfbed1
```
#cfbed1 rgb(207,190,209)
```
#d3b9d6
```
#d3b9d6 rgb(211,185,214)
```
#d6b5da
```
#d6b5da rgb(214,181,218)
```
#dab1de
```
#dab1de rgb(218,177,222)
```
#ddade2
```
#ddade2 rgb(221,173,226)
```
#e1a8e7
```
#e1a8e7 rgb(225,168,231)
```
#e4a4eb
```
#e4a4eb rgb(228,164,235)
```
#e8a0ef
```
#e8a0ef rgb(232,160,239)
```
#eb9cf3
```
#eb9cf3 rgb(235,156,243)
```
#ef97f8
```
#ef97f8 rgb(239,151,248)
```
#f293fc
```
#f293fc rgb(242,147,252)
```

Tone Color Variation

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

#c6c6c6 Achromatopsia 0.005% of the population
#c7c5c7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8c6d0 Protanopia 1% of men
#d6c2d0 Deuteranopia 1% of men
#cfc4d2 Tritanopia 0.001% of the population

Trichromacy

#c9c5cf Protanomaly 1% of men, 0.01% of women
#d2c2cf Deuteranomaly 6% of men, 0.4% of women
#cec3d0 Tritanomaly 0.01% of the population

#ccc2cd hex color

#ccc2cd Color Information

#ccc2cd Color Conversion

Color Schemes with #ccc2cd

Alternatives to #ccc2cd

#ccc2cd Preview

Shades and Tints of #ccc2cd

Tones of #ccc2cd

Color Blindness Simulator