#2a4062 (Catalina Blue Color / Tumblr / Blue)

#2a4062
RGB(42,64,97)
#2a4062 Color Codes Conversion
Hex 2a4062
RGB 42 , 64 , 97
RGB % 20.7, 31.5, 47.8
HSL 216.4, 40, 27.5
HSV 216.4, 57.1, 38.4
CMYK 145.7,88.5,0,157
XYZ 0.05, 0.05, 0.123
xyY 0.224, 0.226, 0.05
CIE-LAB 0.268, 0.026, -0.227
CIE-LUV 0.268, -0.097, -0.286
CIE-HCL 276.41, 0.228, 0.268
Binary 00101010,01000000,01100001

#2a4062 HTML/CSS Color Name is Catalina Blue / Tumblr / Blue.
In a RGB color space, #2a4062 color RGB value is (Red:42,Green:64,Blue:97). it is composed of 20.7% red, 31.5% green and 47.8% blue. The process color (four color CMYK) of #2a4062 color hex is 145.7,88.5,0,157. HSL of color #2a4062 hue: 216.4 , saturation: 40 and the lightness value of 2a4062 is 27.5. Mainly color is Blue. Reverse color is: #d5bf9e.
The color codes conversion takes 1.585712 milliseconds.

 

Shades Colors of #2a4062

Tints Colors of #2a4062

 

Scheme of color #2a4062

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#2a4062 Preview (Html codes and CSS codes)

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

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

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

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

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

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