#cccccc Hex Color

The RBG values of the #cccccc hex color are 204 (red), 204 (blue), and 204 (green). While the HSL values of #cccccc are 0 (hue), 0 (saturation), and 0.8 (lightness).

The CMYK values of #cccccc are 0 (cyan), 0 (magenta), 0 (yellow), and 0.2 (black).


#cccccc Color Spaces Conversions

This are the conversions of #cccccc to the different color spaces.

Hexadecimal

cccccc

CIE-Lab

82.0458, 0.0044, -0.0088

RGB

204, 204, 204

CIE-Lch

82.0458, 0.0099, 296.8129

HSL

0, 0, 0.8

CIE-Luv

82.0458, 0.0007, -0.014

HSV

0, 0, 0.8

Hunter-Lab

77.7063, -4.1462, 4.2219

CMYK

0, 0, 0, 0.2

XYZ

57.3938, 60.3827, 65.7568

Binary

11001100, 11001100, 11001100

YXY

60.3827, 0.3127, 0.329

#cccccc Color Schemes

This are some of the common color schemes used in web design for the #cccccc hex color.

#cccccc Color Shades

The color shades are created by adding black to the original color. Here we have created a sample array of shades from #cccccc to #595959.

#cccccc Color Tints

The color tints are created by adding white to the original color. Here we have created a sample array of tints from #cccccc to #ffffff.

#cccccc Similar Hex Colors



#cccccc Style Preview

Font Color

#cccccc Font Color
style='color:#cccccc;'

Background Color

#cccccc Background Color
style='background:#cccccc;'

Border Color

#cccccc Border Color
style='border:2px solid #cccccc;'

Text Shadow

#cccccc Text Shadow
style='text-shadow: 4px 4px 2px #cccccc;'

Shades Gradient

#cccccc Shades Gradient
style='background: -moz-linear-gradient(top, #cccccc, #595959); background: -webkit-linear-gradient(top, #cccccc, #595959); background: -o-linear-gradient(top, #cccccc, #595959); background: -ms-linear-gradient(top, #cccccc, #595959); background: linear-gradient(top, #cccccc, #595959);'

Tints Gradient

#cccccc Tints Gradient
style='background: -moz-linear-gradient(top, #cccccc, #ffffff); background: -webkit-linear-gradient(top, #cccccc, #ffffff); background: -o-linear-gradient(top, #cccccc, #ffffff); background: -ms-linear-gradient(top, #cccccc, #ffffff); background: linear-gradient(top, #cccccc, #ffffff);'