#bac6f7 (Tropical Blue Color / Pantone 2708 C / Blue)

#bac6f7 Color Codes Conversion
Hex bac6f7
RGB 186 , 198 , 247
RGB % 29.5, 31.4, 39.1
HSL 228.2, 79.2, 84.9
HSV 228.2, 24.7, 96.9
CMYK 63,50.6,0,8
XYZ 0.572, 0.575, 0.961
xyY 0.271, 0.273, 0.575
CIE-LAB 0.805, 0.063, -0.255
CIE-LUV 0.805, -0.088, -0.417
CIE-HCL 283.96, 0.262, 0.805
Binary 10111010,11000110,11110111

#bac6f7 HTML/CSS Color Name is Tropical Blue / Pantone 2708 C / Blue.
In a RGB color space, #bac6f7 color RGB value is (Red:186,Green:198,Blue:247). it is composed of 29.5% red, 31.4% green and 39.1% blue. The process color (four color CMYK) of #bac6f7 color hex is 63,50.6,0,8. HSL of color #bac6f7 hue: 228.2 , saturation: 79.2 and the lightness value of bac6f7 is 84.9. Mainly color is Blue. Reverse color is: #453908.
The color codes conversion takes 1.869224 milliseconds.


Shades Colors of #bac6f7

Tints Colors of #bac6f7


Scheme of color #bac6f7

Web Safe
Generated Colors

#bac6f7 Preview (Html codes and CSS codes)

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

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

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

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

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

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