ColorHexa

#ccc2d5 hex color code

#ccc2d5 Color Informations

This page lists more detailed information about the hex color code #ccc2d5. In a RGB color space, hex #ccc2d5 is composed of 204(80%) red, 194(76.08%) green and 213(83.53%) blue. Its decimal value is 13419221. In a CMYK color space, it is consist of 4.23% cyan, 8.92% magenta, 0% yellow and 16.47% black. It has a hue angle of 271.58 degrees, a saturation of 18.45% and a lightness of 79.8%.

Color #ccc2d5 contains mostly Magenta color, is a warm color and closest websafe color is #cccccc. #ccc2d5 color hex could be obtained by blending #ffffff with #9985ab. Color #ccc2d5 look like lavender gray #c4c3d0 color. Other more detailed information such as description, conversion, analysis, schemes, shades & tines, tones, alternatives, preview in css/html and background images of this color, please browses the following content.

#ccc2d5 color image #ccc2d5 rgb color chart bar #ccc2d5 cmyk color chart bar

#ccc2d5 color description : light blue-magentaish gray/light violetish gray.

#ccc2d5 Color Conversion

    • Hex triplet cc, c2, d5
    • RGB Decimal 204, 194, 213
    • RGB Octal 314, 302, 325
    • RGB Binary 11001100, 11000010, 11010101
    • RGB Percent 80%, 76.08%, 83.53%
    • XYZ 56.2039, 56.225, 70.841
    • xyY 0.3067, 0.3068, 56.225
    • CMYK 4.23%, 8.92%, 0%, 16.47%
    • HSL 271.58°, 18.45, 79.8
    • HSV(HSB) 271.58°, 8.92, 83.53
    • CIE-L*AB 79.742, 6.995, -8.231
    • CIE-L*CH 79.742, 10.801, 310.359
    • CIE-L*UV 79.742, 4.472, -13.808
    • Hunter-Lab 74.983, 2.574, -3.526

#ccc2d5 Color Analysis

R-G-B component
  • #ccc2d5 #ccc2d5
    rgb(204,194,213)
  • #cbcbcb Average: #cbcbcb
    rgb(203,203,203)
  • #c5c5c5 Luma: #c5c5c5
    rgb(197,197,197)
  • #c7c7c7 rec601 Luma: #c7c7c7
    rgb(199,199,199)
Grayscale
  • #ccc2d5 #ccc2d5
    rgb(204,194,213)
  • #cccccc Closest websafe: #cccccc
    rgb(204,204,204)
  • #c4c3d0 Closest named color: lavender gray #c4c3d0
    rgb(196,195,208)
  • #333d2a Inverse color: #333d2a
    rgb(51,61,42)
Closest websafe and named color, Inverse

Color Schemes with #ccc2d5

Complementary Color of #ccc2d5 is #cbd5c2. Split Complementary Colors of #ccc2d5 are #c2d5c3 and #d5d5c2. Analogous Colors of #ccc2d5 are #c3c2d5 and #d5c2d5. Triadic Colors of #ccc2d5 are #c2d5cc and #d5ccc2

Complementary Color
Split Complementary Color
Analogous Color
Triadic Color
Tetradic Color
Monochromatic Color

Shades and Tints of #ccc2d5

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

Shade Color Variation
Tint Color Variation

Tones of #ccc2d5

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

Tone Color Variation

Alternatives to #ccc2d5

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

Similar Color

#ccc2d5 Preview in HTML

Text with hexadecimal color #ccc2d5

This text has a font color of #ccc2d5.

<span style="color:#ccc2d5;">Text here</span>
Text shadow with hexadecimal color #ccc2d5

#ccc2d5 Text Shadow.

<span style="text-shadow:2px 2px 3px #ccc2d5;">Text here</span>
#ccc2d5 background color

This paragraph has a background color of #ccc2d5.

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

This element has a border color of #ccc2d5.

<div style="border:1px solid #ccc2d5;">Content here</div>
CSS codes with #ccc2d5 color
.text{color:#ccc2d5;}
.background{background-color:#ccc2d5;}
.border{border:1px solid #ccc2d5;}

Download #ccc2d5 color images

Solid color background with hex color code #ccc2d5. Background is available in various resolutions for view and download. You are free to use these backgrounds for personal and commercial projects. Preview(size 320x320) - Facebook(180x180) - Twitter(73x73) - Google+(250x250) - iPhone(320x480) - 32x32 - 48x48 - 64x64 - 100x100 - 160x600 - 200x200 - 300x250 - 300x300 - 320x50 - 320x320 - 336x280 - 400x300 - 400x400 - 500x500 - 600x600 - 640x480 - 640x960 - 640x1136 - 700x700 - 728x90 - 800x600 - 851x315 - 1024x600 - 1024x768 - 1024x1024 - 1152x864 - 1200x600 - 1280x720 - 1280x768 - 1280x800 - 1280x960 - 1280x1024 - 1360x768 - 1366x768 - 1440x900 - 1400x1050 - 1600x900 - 1600x1200 - 1680x1050 - 1920x1080 - 1920x1200 - 2048x1536 - 2048x2048 - 2560x1440 - 2560x1600 - 2880x1800 -

Random color codes