#bac8ff (Lavender Blue Color / Periwinkle / Blue)

#bac8ff Color Codes Conversion
Hex bac8ff
RGB 186 , 200 , 255
RGB % 29.0, 31.2, 39.8
HSL 227.8, 100, 86.5
HSV 227.8, 27.1, 100
CMYK 69,55,0,0
XYZ 0.589, 0.59, 1.029
xyY 0.267, 0.267, 0.59
CIE-LAB 0.813, 0.071, -0.285
CIE-LUV 0.813, -0.1, -0.47
CIE-HCL 284.01, 0.294, 0.813
Binary 10111010,11001000,11111111

#bac8ff HTML/CSS Color Name is Lavender Blue / Periwinkle / Blue.
In a RGB color space, #bac8ff color RGB value is (Red:186,Green:200,Blue:255). it is composed of 29.0% red, 31.2% green and 39.8% blue. The process color (four color CMYK) of #bac8ff color hex is 69,55,0,0. HSL of color #bac8ff hue: 227.8 , saturation: 100 and the lightness value of bac8ff is 86.5. Mainly color is Blue. Reverse color is: #453700.
The color codes conversion takes 1.420038 milliseconds.


Shades Colors of #bac8ff

Tints Colors of #bac8ff


Scheme of color #bac8ff

Web Safe
Generated Colors

#bac8ff Preview (Html codes and CSS codes)

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

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

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

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

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

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