#ccedff (Pattens Blue Color / LightSteelBlue1 / Blue)

#ccedff Color Codes Conversion
Hex ccedff
RGB 204 , 237 , 255
RGB % 29.3, 34.1, 36.6
HSL 201.2, 100, 90
HSV 201.2, 20, 100
CMYK 51,18,0,0
XYZ 0.732, 0.806, 1.063
xyY 0.281, 0.31, 0.806
CIE-LAB 0.92, -0.07, -0.123
CIE-LUV 0.92, -0.178, -0.182
CIE-HCL 240.32, 0.141, 0.92
Binary 11001100,11101101,11111111

#ccedff HTML/CSS Color Name is Pattens Blue / LightSteelBlue1 / Blue.
In a RGB color space, #ccedff color RGB value is (Red:204,Green:237,Blue:255). it is composed of 29.3% red, 34.1% green and 36.6% blue. The process color (four color CMYK) of #ccedff color hex is 51,18,0,0. HSL of color #ccedff hue: 201.2 , saturation: 100 and the lightness value of ccedff is 90. Mainly color is Blue. Reverse color is: #331200.
The color codes conversion takes 2.062513 milliseconds.


Shades Colors of #ccedff

Tints Colors of #ccedff


Scheme of color #ccedff

Web Safe
Generated Colors

#ccedff Preview (Html codes and CSS codes)

CSS codes
.bgcolor {background-color:#ccedff; 
.textcolor {color:#ccedff; }
.bordercolor {border:3px solid #ccedff; }

Text color
This text has a font color of #ccedff.
<p style="color:#ccedff">Text here</p>

Background color
This block has a background color of #ccedff.
<p style="background-color:#ccedff;">Content here</p>

Border color
This element has a border color of #ccedff.
<div style="border:1px solid #ccedff;">Content here</div>
CSS3 Shadow codes
.textShadow { 
  text-shadow: 4px 4px 2px #ccedff; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #ccedff;
  -webkit-box-shadow: 1px 1px 3px 2px #ccedff;
  box-shadow:         1px 1px 3px 2px #ccedff; }

Text Shadow
This text has a font color of #ccedff.
<p style="text-shadow: 4px 4px 2px #ccedff">Text here</p>

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #ccedff;
  -webkit-box-shadow: 1px 1px 3px 2px #ccedff;
  box-shadow:         1px 1px 3px 2px #ccedff;">
Content here</div>


Random warm Colors

Random happy Colors

Palettes warm Colors

Palettes happy Colors


© 2017 - 2028 HexColors.org All Rights Reserved. A free Html color codes tool. privacy