#bdcafd (Lavender Blue Color / Periwinkle / Blue)

#bdcafd
RGB(189,202,253)
#bdcafd Color Codes Conversion
Hex bdcafd
RGB 189 , 202 , 253
RGB % 29.3, 31.4, 39.3
HSL 227.8, 94.1, 86.7
HSV 227.8, 25.3, 99.2
CMYK 64.5,51.4,0,2
XYZ 0.598, 0.602, 1.014
xyY 0.27, 0.272, 0.602
CIE-LAB 0.819, 0.064, -0.265
CIE-LUV 0.819, -0.094, -0.434
CIE-HCL 283.697, 0.272, 0.819
Binary 10111101,11001010,11111101

#bdcafd HTML/CSS Color Name is Lavender Blue / Periwinkle / Blue.
In a RGB color space, #bdcafd color RGB value is (Red:189,Green:202,Blue:253). it is composed of 29.3% red, 31.4% green and 39.3% blue. The process color (four color CMYK) of #bdcafd color hex is 64.5,51.4,0,2. HSL of color #bdcafd hue: 227.8 , saturation: 94.1 and the lightness value of bdcafd is 86.7. Mainly color is Blue. Reverse color is: #423502.
The color codes conversion takes 1.520781 milliseconds.

 

Shades Colors of #bdcafd

Tints Colors of #bdcafd

 

Scheme of color #bdcafd

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#bdcafd Preview (Html codes and CSS codes)

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

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

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

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

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

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