#ccccff Color Informations
This page lists more detailed information about the hex color code #ccccff(also known as lavender blue/periwinkle color). In a RGB color space, hex #ccccff is composed of 204(80%) red, 204(80%) green and 255(100%) blue. Its decimal value is 13421823. In a CMYK color space, it is consist of 20% cyan, 20% magenta, 0% yellow and 0% black. It has a hue angle of 240 degrees, a saturation of 100% and a lightness of 90%.
Color #ccccff contains mostly Blue color, is a cool color and #ccccff(or #ccf) is a websafe color. #ccccff color hex could be obtained by blending #ffffff with #9999ff. 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.

#ccccff color description : very pale blue.
#ccccff Color Conversion
-
- Hex triplet cc, cc, ff
- RGB Decimal 204, 204, 255
- RGB Octal 314, 314, 377
- RGB Binary 11001100, 11001100, 11111111
- RGB Percent 80%, 80%, 100%
- XYZ 64.5447, 63.2431, 103.413
- xyY 0.2792, 0.2735, 63.2431
-
- CMYK 20%, 20%, 0%, 0%
- HSL 240°, 100, 90
- HSV(HSB) 240°, 20, 100
- CIE-L*AB 83.57, 10.303, -24.921
- CIE-L*CH 83.57, 26.967, 292.463
- CIE-L*UV 83.57, -2.995, -41.556
- Hunter-Lab 79.526, 5.705, -21.431
#ccccff Color Analysis
Color Schemes with #ccccff
Complementary Color of #ccccff is #ffffcc. Split Complementary Colors of #ccccff are #e6ffcc and #ffe6cc. Analogous Colors of #ccccff are #cce6ff and #e6ccff. Triadic Colors of #ccccff are #ccffcc and #ffcccc
Shades and Tints of #ccccff
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, #000008 is the darkest color, while #f3f3ff is the lightest one.
-
#000008
#000008
rgb(0,0,8) -
#00001b
#00001b
rgb(0,0,27) -
#00002f
#00002f
rgb(0,0,47) -
#000043
#000043
rgb(0,0,67) -
#000056
#000056
rgb(0,0,86) -
#00006a
#00006a
rgb(0,0,106) -
#00007e
#00007e
rgb(0,0,126) -
#000091
#000091
rgb(0,0,145) -
#0000a5
#0000a5
rgb(0,0,165) -
#0000b8
#0000b8
rgb(0,0,184) -
#0000cc
#0000cc
rgb(0,0,204) -
#0000e0
#0000e0
rgb(0,0,224) -
#0000f3
#0000f3
rgb(0,0,243)
-
#0808ff
#0808ff
rgb(8,8,255) -
#1b1bff
#1b1bff
rgb(27,27,255) -
#2f2fff
#2f2fff
rgb(47,47,255) -
#4343ff
#4343ff
rgb(67,67,255) -
#5656ff
#5656ff
rgb(86,86,255) -
#6a6aff
#6a6aff
rgb(106,106,255) -
#7e7eff
#7e7eff
rgb(126,126,255) -
#9191ff
#9191ff
rgb(145,145,255) -
#a5a5ff
#a5a5ff
rgb(165,165,255) -
#b8b8ff
#b8b8ff
rgb(184,184,255) -
#ccccff
#ccccff
rgb(204,204,255) -
#e0e0ff
#e0e0ff
rgb(224,224,255) -
#f3f3ff
#f3f3ff
rgb(243,243,255)
Tones of #ccccff
A tone is produced by adding gray to any pure hue. In this case, #e6e6e6 is the less saturated color, while #cecefd is the most saturated one.
-
#e6e6e6
#e6e6e6
rgb(230,230,230) -
#e4e4e7
#e4e4e7
rgb(228,228,231) -
#e2e2e9
#e2e2e9
rgb(226,226,233) -
#e0e0eb
#e0e0eb
rgb(224,224,235) -
#dedeed
#dedeed
rgb(222,222,237) -
#dcdcef
#dcdcef
rgb(220,220,239) -
#dadaf1
#dadaf1
rgb(218,218,241) -
#d8d8f3
#d8d8f3
rgb(216,216,243) -
#d6d6f5
#d6d6f5
rgb(214,214,245) -
#d4d4f7
#d4d4f7
rgb(212,212,247) -
#d2d2f9
#d2d2f9
rgb(210,210,249) -
#d0d0fb
#d0d0fb
rgb(208,208,251) -
#cecefd
#cecefd
rgb(206,206,253)
Alternatives to #ccccff
Below, site show some colors close to #ccccff. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
-
#cce6ff
#cce6ff
rgb(204,230,255) -
#cce1ff
#cce1ff
rgb(204,225,255) -
#ccddff
#ccddff
rgb(204,221,255) -
#ccd9ff
#ccd9ff
rgb(204,217,255) -
#ccd5ff
#ccd5ff
rgb(204,213,255) -
#ccd0ff
#ccd0ff
rgb(204,208,255) -
#ccccff
#ccccff
rgb(204,204,255) -
#d0ccff
#d0ccff
rgb(208,204,255) -
#d5ccff
#d5ccff
rgb(213,204,255) -
#d9ccff
#d9ccff
rgb(217,204,255) -
#ddccff
#ddccff
rgb(221,204,255) -
#e1ccff
#e1ccff
rgb(225,204,255) -
#e6ccff
#e6ccff
rgb(230,204,255)
#ccccff Preview in HTML
This text has a font color of #ccccff.
<span style="color:#ccccff;">Text here</span>
#ccccff Text Shadow.
<span style="text-shadow:2px 2px 3px #ccccff;">Text here</span>
This paragraph has a background color of #ccccff.
<p style="background-color:#ccccff;">Content here</p>
This element has a border color of #ccccff.
<div style="border:1px solid #ccccff;">Content here</div>
.text{color:#ccccff;}
.background{background-color:#ccccff;}
.border{border:1px solid #ccccff;}
Download #ccccff color images
Solid color background with hex color code #ccccff(with the name lavender blue/periwinkle). 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 -