#c4cdf4 (Periwinkle Color / LightSteelBlue2 / Blue)

#c4cdf4
RGB(195,205,243)
#c4cdf4 Color Codes Conversion
Hex c4cdf4
RGB 195 , 205 , 243
RGB % 30.3, 31.9, 37.8
HSL 228.7, 68.6, 86.3
HSV 228.7, 19.7, 95.7
CMYK 50.2,40.8,0,11
XYZ 0.609, 0.619, 0.943
xyY 0.281, 0.285, 0.619
CIE-LAB 0.829, 0.049, -0.202
CIE-LUV 0.829, -0.069, -0.328
CIE-HCL 283.691, 0.208, 0.829
Binary 11000011,11001101,11110011

#c4cdf4 HTML/CSS Color Name is Periwinkle / LightSteelBlue2 / Blue.
In a RGB color space, #c4cdf4 color RGB value is (Red:195,Green:205,Blue:243). it is composed of 30.3% red, 31.9% green and 37.8% blue. The process color (four color CMYK) of #c4cdf4 color hex is 50.2,40.8,0,11. HSL of color #c4cdf4 hue: 228.7 , saturation: 68.6 and the lightness value of c4cdf4 is 86.3. Mainly color is Blue. Reverse color is: #3c320c.
The color codes conversion takes 1.415164 milliseconds.

 

Shades Colors of #c4cdf4

Tints Colors of #c4cdf4

 

Scheme of color #c4cdf4

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#c4cdf4 Preview (Html codes and CSS codes)

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

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

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

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

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

Div Box Shadow
Content here
<div style="-moz-box-shadow: 1px 1px 3px 2px #c4cdf4;
  -webkit-box-shadow: 1px 1px 3px 2px #c4cdf4;
  box-shadow:         1px 1px 3px 2px #c4cdf4;">
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