#2a5a72 (Chathams Blue Color / Pantone 7699 C / Blue)

#2a5a72 Color Codes Conversion
Hex 2a5a72
RGB 42 , 89 , 113
RGB % 17.2, 36.5, 46.3
HSL 200, 46.2, 30.6
HSV 200, 63.2, 44.7
CMYK 161.1,53.7,0,141
XYZ 0.076, 0.09, 0.173
xyY 0.225, 0.266, 0.09
CIE-LAB 0.36, -0.084, -0.185
CIE-LUV 0.36, -0.191, -0.241
CIE-HCL 245.692, 0.203, 0.36
Binary 00101010,01011001,01110001

#2a5a72 HTML/CSS Color Name is Chathams Blue / Pantone 7699 C / Blue.
In a RGB color space, #2a5a72 color RGB value is (Red:42,Green:89,Blue:113). it is composed of 17.2% red, 36.5% green and 46.3% blue. The process color (four color CMYK) of #2a5a72 color hex is 161.1,53.7,0,141. HSL of color #2a5a72 hue: 200 , saturation: 46.2 and the lightness value of 2a5a72 is 30.6. Mainly color is Blue. Reverse color is: #d5a68e.
The color codes conversion takes 1.708810 milliseconds.


Shades Colors of #2a5a72

Tints Colors of #2a5a72


Scheme of color #2a5a72

Web Safe
Generated Colors

#2a5a72 Preview (Html codes and CSS codes)

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

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

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

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

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

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