#627be2 (Cornflower Blue Color / Pantone 2718 C / Blue)

#627be2
RGB(97,123,226)
#627be2 Color Codes Conversion
Hex 627be2
RGB 97 , 123 , 226
RGB % 21.7, 27.6, 50.7
HSL 228.3, 68.8, 63.5
HSV 228.3, 56.6, 88.6
CMYK 144.4,116.2,0,29
XYZ 0.258, 0.223, 0.749
xyY 0.21, 0.181, 0.223
CIE-LAB 0.543, 0.209, -0.553
CIE-LUV 0.543, -0.148, -0.886
CIE-HCL 290.722, 0.592, 0.543
Binary 01100001,01111011,11100010

#627be2 HTML/CSS Color Name is Cornflower Blue / Pantone 2718 C / Blue.
In a RGB color space, #627be2 color RGB value is (Red:97,Green:123,Blue:226). it is composed of 21.7% red, 27.6% green and 50.7% blue. The process color (four color CMYK) of #627be2 color hex is 144.4,116.2,0,29. HSL of color #627be2 hue: 228.3 , saturation: 68.8 and the lightness value of 627be2 is 63.5. Mainly color is Blue. Reverse color is: #9e841d.
The color codes conversion takes 2.196272 milliseconds.

 

Shades Colors of #627be2

Tints Colors of #627be2

 

Scheme of color #627be2

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#627be2 Preview (Html codes and CSS codes)

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

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

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

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

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

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