colorhexa.com

#cccad4 hex color

In a RGB color space, hex #cccad4 is composed of 80% red, 79.2% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 3.8% cyan, 4.7% magenta, 0% yellow and 16.9% black. It has a hue angle of 252 degrees, a saturation of 10.4% and a lightness of 81.2%. #cccad4 color hex could be obtained by blending #ffffff with #9995a9. Closest websafe color is: #cccccc.

- R 80
- G 79
- B 83
RGB color chart
- C 4
- M 5
- Y 0
- K 17
CMYK color chart

● #cccad4 color description : Grayish blue.

The hexadecimal color #cccad4 has RGB values of R:204, G:202, B:212 and CMYK values of C:0.04, M:0.05, Y:0, K:0.17. Its decimal value is 13421268.

Hex triplet	cccad4	`#cccad4`
RGB Decimal	204, 202, 212	`rgb(204,202,212)`
RGB Percent	80, 79.2, 83.1	`rgb(80%,79.2%,83.1%)`
CMYK	4, 5, 0, 17
HSL	252°, 10.4, 81.2	`hsl(252,10.4%,81.2%)`
HSV (or HSB)	252°, 4.7, 83.1
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.747, 2.542, -4.726
XYZ	57.904, 59.832, 70.782
xyY	0.307, 0.317, 59.832
CIE-LCH	81.747, 5.366, 298.276
CIE-LUV	81.747, 0.539, -7.647
Hunter-Lab	77.351, -1.742, -0.109
Binary	11001100, 11001010, 11010100

#cccad4
```
#cccad4 rgb(204,202,212)
```
#d2d4ca
```
#d2d4ca rgb(210,212,202)
```

Complementary Color

#cacdd4
```
#cacdd4 rgb(202,205,212)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#d1cad4
```
#d1cad4 rgb(209,202,212)
```

Analogous Color

#cdd4ca
```
#cdd4ca rgb(205,212,202)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#d4d1ca
```
#d4d1ca rgb(212,209,202)
```

Split Complementary Color

#cad4cc
```
#cad4cc rgb(202,212,204)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#d4ccca
```
#d4ccca rgb(212,204,202)
```

Triadic Color

#cad2d4
```
#cad2d4 rgb(202,210,212)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#d4ccca
```
#d4ccca rgb(212,204,202)
```
#d2d4ca
```
#d2d4ca rgb(210,212,202)
```

Tetradic Color

#a3a0b2
```
#a3a0b2 rgb(163,160,178)
```
#b1aebd
```
#b1aebd rgb(177,174,189)
```
#bebcc9
```
#bebcc9 rgb(190,188,201)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#dad8df
```
#dad8df rgb(218,216,223)
```
#e7e6eb
```
#e7e6eb rgb(231,230,235)
```
#f5f4f6
```
#f5f4f6 rgb(245,244,246)
```

Monochromatic Color

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

#cacbd4
```
#cacbd4 rgb(202,203,212)
```
#cacad4
```
#cacad4 rgb(202,202,212)
```
#cbcad4
```
#cbcad4 rgb(203,202,212)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#cdcad4
```
#cdcad4 rgb(205,202,212)
```
#cecad4
```
#cecad4 rgb(206,202,212)
```
#cfcad4
```
#cfcad4 rgb(207,202,212)
```

Similar Colors

Text with hexadecimal color #cccad4

This text has a font color of #cccad4.

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

#cccad4 background color

This paragraph has a background color of #cccad4.

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

#cccad4 border color

This element has a border color of #cccad4.

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

CSS codes

.text {color:#cccad4;}

.background {background-color:#cccad4;}

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

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 #f6f5f7 is the lightest one.

#010101
```
#010101 rgb(1,1,1)
```
#0a0a0c
```
#0a0a0c rgb(10,10,12)
```
#131317
```
#131317 rgb(19,19,23)
```
#1d1b22
```
#1d1b22 rgb(29,27,34)
```
#26242c
```
#26242c rgb(38,36,44)
```
#2f2d37
```
#2f2d37 rgb(47,45,55)
```
#383642
```
#383642 rgb(56,54,66)
```
#413e4d
```
#413e4d rgb(65,62,77)
```
#4b4758
```
#4b4758 rgb(75,71,88)
```
#545063
```
#545063 rgb(84,80,99)
```
#5d596d
```
#5d596d rgb(93,89,109)
```
#666278
```
#666278 rgb(102,98,120)
```
#6f6a83
```
#6f6a83 rgb(111,106,131)
```

Shade Color Variation

#79738e
```
#79738e rgb(121,115,142)
```
#837e96
```
#837e96 rgb(131,126,150)
```
#8d899f
```
#8d899f rgb(141,137,159)
```
#9894a8
```
#9894a8 rgb(152,148,168)
```
#a29fb1
```
#a29fb1 rgb(162,159,177)
```
#adaaba
```
#adaaba rgb(173,170,186)
```
#b7b4c2
```
#b7b4c2 rgb(183,180,194)
```
#c2bfcb
```
#c2bfcb rgb(194,191,203)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#d6d5dd
```
#d6d5dd rgb(214,213,221)
```
#e1e0e6
```
#e1e0e6 rgb(225,224,230)
```
#ebeaee
```
#ebeaee rgb(235,234,238)
```
#f6f5f7
```
#f6f5f7 rgb(246,245,247)
```

Tint Color Variation

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

#ceced0
```
#ceced0 rgb(206,206,208)
```
#cccad4
```
#cccad4 rgb(204,202,212)
```
#cac6d8
```
#cac6d8 rgb(202,198,216)
```
#c8c3db
```
#c8c3db rgb(200,195,219)
```
#c5bfdf
```
#c5bfdf rgb(197,191,223)
```
#c3bbe3
```
#c3bbe3 rgb(195,187,227)
```
#c1b8e6
```
#c1b8e6 rgb(193,184,230)
```
#bfb4ea
```
#bfb4ea rgb(191,180,234)
```
#bcb0ee
```
#bcb0ee rgb(188,176,238)
```
#baacf2
```
#baacf2 rgb(186,172,242)
```
#b8a9f5
```
#b8a9f5 rgb(184,169,245)
```
#b6a5f9
```
#b6a5f9 rgb(182,165,249)
```
#b4a1fd
```
#b4a1fd rgb(180,161,253)
```

Tone Color Variation

Below, you can see how #cccad4 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
#ccccce Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceccd6 Protanopia 1% of men
#dcc8d7 Deuteranopia 1% of men
#cfccda Tritanopia 0.001% of the population

Trichromacy

#cdcbd5 Protanomaly 1% of men, 0.01% of women
#d6c8d6 Deuteranomaly 6% of men, 0.4% of women
#cecbd8 Tritanomaly 0.01% of the population