#344fbc (Cerulean Blue Color / Cerulean blue / Blue)

#344fbc Color Codes Conversion
Hex 344fbc
RGB 52 , 79 , 188
RGB % 16.3, 24.8, 58.9
HSL 228.1, 56.7, 47.1
HSV 228.1, 72.3, 73.7
CMYK 184.5,147.8,0,67
XYZ 0.133, 0.1, 0.488
xyY 0.184, 0.138, 0.1
CIE-LAB 0.378, 0.278, -0.604
CIE-LUV 0.378, -0.127, -0.876
CIE-HCL 294.719, 0.665, 0.378
Binary 00110100,01001111,10111100

#344fbc HTML/CSS Color Name is Cerulean Blue / Cerulean blue / Blue.
In a RGB color space, #344fbc color RGB value is (Red:52,Green:79,Blue:188). it is composed of 16.3% red, 24.8% green and 58.9% blue. The process color (four color CMYK) of #344fbc color hex is 184.5,147.8,0,67. HSL of color #344fbc hue: 228.1 , saturation: 56.7 and the lightness value of 344fbc is 47.1. Mainly color is Blue. Reverse color is: #cbb043.
The color codes conversion takes 1.627827 milliseconds.


Shades Colors of #344fbc

Tints Colors of #344fbc


Scheme of color #344fbc

Web Safe
Generated Colors

#344fbc Preview (Html codes and CSS codes)

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

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

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

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

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

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