#2d4467 (Bay Of Many Color / Tumblr / Blue)

#2d4467 Color Codes Conversion
Hex 2d4467
RGB 44 , 68 , 103
RGB % 20.5, 31.6, 47.9
HSL 216.2, 39.2, 29
HSV 216.2, 56.3, 40.4
CMYK 143.6,86.7,0,152
XYZ 0.056, 0.057, 0.136
xyY 0.225, 0.228, 0.057
CIE-LAB 0.286, 0.024, -0.232
CIE-LUV 0.286, -0.103, -0.298
CIE-HCL 275.961, 0.233, 0.286
Binary 00101100,01000100,01100111

#2d4467 HTML/CSS Color Name is Bay Of Many / Tumblr / Blue.
In a RGB color space, #2d4467 color RGB value is (Red:44,Green:68,Blue:103). it is composed of 20.5% red, 31.6% green and 47.9% blue. The process color (four color CMYK) of #2d4467 color hex is 143.6,86.7,0,152. HSL of color #2d4467 hue: 216.2 , saturation: 39.2 and the lightness value of 2d4467 is 29. Mainly color is Blue. Reverse color is: #d3bb98.
The color codes conversion takes 1.651240 milliseconds.


Shades Colors of #2d4467

Tints Colors of #2d4467


Scheme of color #2d4467

Web Safe
Generated Colors

#2d4467 Preview (Html codes and CSS codes)

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

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

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

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

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

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