#344f77 (Venice Blue Color / Dark Blue FS 35045 / Blue)

#344f77
RGB(52,79,119)
#344f77 Color Codes Conversion
Hex 344f77
RGB 52 , 79 , 119
RGB % 20.8, 31.6, 47.6
HSL 215.8, 39.2, 33.5
HSV 215.8, 56.3, 46.7
CMYK 143.6,85.7,0,136
XYZ 0.075, 0.077, 0.185
xyY 0.224, 0.227, 0.077
CIE-LAB 0.333, 0.026, -0.259
CIE-LUV 0.333, -0.122, -0.351
CIE-HCL 275.644, 0.26, 0.333
Binary 00110100,01001111,01110111

#344f77 HTML/CSS Color Name is Venice Blue / Dark Blue FS 35045 / Blue.
In a RGB color space, #344f77 color RGB value is (Red:52,Green:79,Blue:119). it is composed of 20.8% red, 31.6% green and 47.6% blue. The process color (four color CMYK) of #344f77 color hex is 143.6,85.7,0,136. HSL of color #344f77 hue: 215.8 , saturation: 39.2 and the lightness value of 344f77 is 33.5. Mainly color is Blue. Reverse color is: #cbb088.
The color codes conversion takes 1.530354 milliseconds.

 

Shades Colors of #344f77

Tints Colors of #344f77

 

Scheme of color #344f77

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#344f77 Preview (Html codes and CSS codes)

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

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

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

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

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

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