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

#2c4364 Color Codes Conversion
Hex 2c4364
RGB 44 , 67 , 100
RGB % 20.9, 31.8, 47.4
HSL 215.4, 38.9, 28.2
HSV 215.4, 56, 39.2
CMYK 142.8,84.2,0,155
XYZ 0.053, 0.055, 0.128
xyY 0.226, 0.231, 0.055
CIE-LAB 0.28, 0.018, -0.221
CIE-LUV 0.28, -0.102, -0.282
CIE-HCL 274.571, 0.222, 0.28
Binary 00101100,01000011,01100100

#2c4364 HTML/CSS Color Name is Bay Of Many / Tumblr / Blue.
In a RGB color space, #2c4364 color RGB value is (Red:44,Green:67,Blue:100). it is composed of 20.9% red, 31.8% green and 47.4% blue. The process color (four color CMYK) of #2c4364 color hex is 142.8,84.2,0,155. HSL of color #2c4364 hue: 215.4 , saturation: 38.9 and the lightness value of 2c4364 is 28.2. Mainly color is Blue. Reverse color is: #d3bc9b.
The color codes conversion takes 1.986305 milliseconds.


Shades Colors of #2c4364

Tints Colors of #2c4364


Scheme of color #2c4364

Web Safe
Generated Colors

#2c4364 Preview (Html codes and CSS codes)

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

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

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

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

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

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