#2f48af (Cerulean Blue Color / Violet Blue / Blue)

#2f48af
RGB(47,72,175)
#2f48af Color Codes Conversion
Hex 2f48af
RGB 47 , 72 , 175
RGB % 16.0, 24.5, 59.5
HSL 228.3, 57.7, 43.5
HSV 228.3, 73.1, 68.6
CMYK 186.5,150.1,0,80
XYZ 0.112, 0.083, 0.416
xyY 0.184, 0.136, 0.083
CIE-LAB 0.347, 0.269, -0.577
CIE-LUV 0.347, -0.116, -0.815
CIE-HCL 295, 0.637, 0.347
Binary 00101111,01001000,10101111

#2f48af HTML/CSS Color Name is Cerulean Blue / Violet Blue / Blue.
In a RGB color space, #2f48af color RGB value is (Red:47,Green:72,Blue:175). it is composed of 16.0% red, 24.5% green and 59.5% blue. The process color (four color CMYK) of #2f48af color hex is 186.5,150.1,0,80. HSL of color #2f48af hue: 228.3 , saturation: 57.7 and the lightness value of 2f48af is 43.5. Mainly color is Blue. Reverse color is: #d0b750.
The color codes conversion takes 1.774192 milliseconds.

 

Shades Colors of #2f48af

Tints Colors of #2f48af

 

Scheme of color #2f48af

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#2f48af Preview (Html codes and CSS codes)

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

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

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

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

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

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