#ccccc2 hex color

In a RGB color space, hex #ccccc2 is composed of 80% red, 80% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0% magenta, 4.9% yellow and 20% black. It has a hue angle of 60 degrees, a saturation of 8.9% and a lightness of 78%. #ccccc2 color hex could be obtained by blending #ffffff with #999985. Closest websafe color is: #cccccc.

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

● #ccccc2 color description : Grayish yellow.

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

Hex triplet	ccccc2	`#ccccc2`
RGB Decimal	204, 204, 194	`rgb(204,204,194)`
RGB Percent	80, 80, 76.1	`rgb(80%,80%,76.1%)`
CMYK	0, 0, 5, 20
HSL	60°, 8.9, 78	`hsl(60,8.9%,78%)`
HSV (or HSB)	60°, 4.9, 80
Web Safe	cccccc	`#cccccc`

CIE-LAB	81.794, -1.784, 4.971
XYZ	56.231, 59.918, 59.639
xyY	0.32, 0.341, 59.918
CIE-LCH	81.794, 5.281, 109.74
CIE-LUV	81.794, 0.551, 7.697
Hunter-Lab	77.407, -5.794, 8.504
Binary	11001100, 11001100, 11000010

#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#c2c2cc
```
#c2c2cc rgb(194,194,204)
```

Complementary Color

#ccc7c2
```
#ccc7c2 rgb(204,199,194)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#c7ccc2
```
#c7ccc2 rgb(199,204,194)
```

Analogous Color

#c7c2cc
```
#c7c2cc rgb(199,194,204)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#c2c7cc
```
#c2c7cc rgb(194,199,204)
```

Split Complementary Color

#ccc2cc
```
#ccc2cc rgb(204,194,204)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#c2cccc
```
#c2cccc rgb(194,204,204)
```

Triadic Color

#ccc2c2
```
#ccc2c2 rgb(204,194,194)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#c2cccc
```
#c2cccc rgb(194,204,204)
```
#c2c2cc
```
#c2c2cc rgb(194,194,204)
```

Tetradic Color

#a9a998
```
#a9a998 rgb(169,169,152)
```
#b5b5a6
```
#b5b5a6 rgb(181,181,166)
```
#c0c0b4
```
#c0c0b4 rgb(192,192,180)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#d8d8d0
```
#d8d8d0 rgb(216,216,208)
```
#e3e3de
```
#e3e3de rgb(227,227,222)
```
#efefec
```
#efefec rgb(239,239,236)
```

Monochromatic Color

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

#cccac2
```
#cccac2 rgb(204,202,194)
```
#cccac2
```
#cccac2 rgb(204,202,194)
```
#cccbc2
```
#cccbc2 rgb(204,203,194)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#cbccc2
```
#cbccc2 rgb(203,204,194)
```
#caccc2
```
#caccc2 rgb(202,204,194)
```
#caccc2
```
#caccc2 rgb(202,204,194)
```

Similar Colors

Text with hexadecimal color #ccccc2

This text has a font color of #ccccc2.

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

#ccccc2 background color

This paragraph has a background color of #ccccc2.

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

#ccccc2 border color

This element has a border color of #ccccc2.

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

CSS codes

.text {color:#ccccc2;}

.background {background-color:#ccccc2;}

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

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

#030303
```
#030303 rgb(3,3,3)
```
#0e0e0c
```
#0e0e0c rgb(14,14,12)
```
#181814
```
#181814 rgb(24,24,20)
```
#23231d
```
#23231d rgb(35,35,29)
```
#2e2e26
```
#2e2e26 rgb(46,46,38)
```
#39392f
```
#39392f rgb(57,57,47)
```
#434338
```
#434338 rgb(67,67,56)
```
#4e4e41
```
#4e4e41 rgb(78,78,65)
```
#59594a
```
#59594a rgb(89,89,74)
```
#636353
```
#636353 rgb(99,99,83)
```
#6e6e5c
```
#6e6e5c rgb(110,110,92)
```
#797965
```
#797965 rgb(121,121,101)
```
#83836e
```
#83836e rgb(131,131,110)
```

Shade Color Variation

#8d8d77
```
#8d8d77 rgb(141,141,119)
```
#969682
```
#969682 rgb(150,150,130)
```
#9f9f8d
```
#9f9f8d rgb(159,159,141)
```
#a8a897
```
#a8a897 rgb(168,168,151)
```
#b1b1a2
```
#b1b1a2 rgb(177,177,162)
```
#babaad
```
#babaad rgb(186,186,173)
```
#c3c3b7
```
#c3c3b7 rgb(195,195,183)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#d5d5cd
```
#d5d5cd rgb(213,213,205)
```
#deded7
```
#deded7 rgb(222,222,215)
```
#e7e7e2
```
#e7e7e2 rgb(231,231,226)
```
#f0f0ed
```
#f0f0ed rgb(240,240,237)
```
#f9f9f7
```
#f9f9f7 rgb(249,249,247)
```

Tint Color Variation

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

#c8c8c6
```
#c8c8c6 rgb(200,200,198)
```
#ccccc2
```
#ccccc2 rgb(204,204,194)
```
#d0d0be
```
#d0d0be rgb(208,208,190)
```
#d5d5b9
```
#d5d5b9 rgb(213,213,185)
```
#d9d9b5
```
#d9d9b5 rgb(217,217,181)
```
#ddddb1
```
#ddddb1 rgb(221,221,177)
```
#e2e2ac
```
#e2e2ac rgb(226,226,172)
```
#e6e6a8
```
#e6e6a8 rgb(230,230,168)
```
#eaeaa4
```
#eaeaa4 rgb(234,234,164)
```
#eeeea0
```
#eeeea0 rgb(238,238,160)
```
#f3f39b
```
#f3f39b rgb(243,243,155)
```
#f7f797
```
#f7f797 rgb(247,247,151)
```
#fbfb93
```
#fbfb93 rgb(251,251,147)
```

Tone Color Variation

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

Dichromacy

#d3cdc4 Protanopia 1% of men
#e3c7c7 Deuteranopia 1% of men
#d2cbd9 Tritanopia 0.001% of the population

Trichromacy

#d0ccc3 Protanomaly 1% of men, 0.01% of women
#dac9c5 Deuteranomaly 6% of men, 0.4% of women
#cfcbd1 Tritanomaly 0.01% of the population

#ccccc2 hex color

#ccccc2 Color Information

#ccccc2 Color Conversion

Color Schemes with #ccccc2

Alternatives to #ccccc2

#ccccc2 Preview

Shades and Tints of #ccccc2

Tones of #ccccc2

Color Blindness Simulator