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

#2a4163 Color Codes Conversion
Hex 2a4163
RGB 42 , 65 , 99
RGB % 20.4, 31.6, 48.1
HSL 215.8, 40.4, 27.6
HSV 215.8, 57.6, 38.8
CMYK 146.8,87.6,0,156
XYZ 0.051, 0.052, 0.125
xyY 0.224, 0.227, 0.052
CIE-LAB 0.272, 0.022, -0.228
CIE-LUV 0.272, -0.1, -0.288
CIE-HCL 275.618, 0.229, 0.272
Binary 00101010,01000001,01100011

#2a4163 HTML/CSS Color Name is Catalina Blue / Tumblr / Blue.
In a RGB color space, #2a4163 color RGB value is (Red:42,Green:65,Blue:99). it is composed of 20.4% red, 31.6% green and 48.1% blue. The process color (four color CMYK) of #2a4163 color hex is 146.8,87.6,0,156. HSL of color #2a4163 hue: 215.8 , saturation: 40.4 and the lightness value of 2a4163 is 27.6. Mainly color is Blue. Reverse color is: #d5be9c.
The color codes conversion takes 1.657484 milliseconds.


Shades Colors of #2a4163

Tints Colors of #2a4163


Scheme of color #2a4163

Web Safe
Generated Colors

#2a4163 Preview (Html codes and CSS codes)

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

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

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

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

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

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