#2c5087 (Fun Blue Color / Pantone 7685 C / Blue)

#2c5087 Color Codes Conversion
Hex 2c5087
RGB 44 , 80 , 135
RGB % 17.0, 30.9, 52.1
HSL 216.3, 50.8, 35.1
HSV 216.3, 67.4, 52.9
CMYK 171.9,103.9,0,120
XYZ 0.083, 0.08, 0.24
xyY 0.205, 0.199, 0.08
CIE-LAB 0.34, 0.06, -0.346
CIE-LUV 0.34, -0.145, -0.48
CIE-HCL 279.846, 0.351, 0.34
Binary 00101100,01010000,10000111

#2c5087 HTML/CSS Color Name is Fun Blue / Pantone 7685 C / Blue.
In a RGB color space, #2c5087 color RGB value is (Red:44,Green:80,Blue:135). it is composed of 17.0% red, 30.9% green and 52.1% blue. The process color (four color CMYK) of #2c5087 color hex is 171.9,103.9,0,120. HSL of color #2c5087 hue: 216.3 , saturation: 50.8 and the lightness value of 2c5087 is 35.1. Mainly color is Blue. Reverse color is: #d3af78.
The color codes conversion takes 1.582013 milliseconds.


Shades Colors of #2c5087

Tints Colors of #2c5087


Scheme of color #2c5087

Web Safe
Generated Colors

#2c5087 Preview (Html codes and CSS codes)

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

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

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

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

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

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