#1f2f5e (Catalina Blue Color / Pantone 534 C / Blue)

#1f2f5e Color Codes Conversion
Hex 1f2f5e
RGB 31 , 47 , 94
RGB % 18.0, 27.3, 54.7
HSL 224.8, 50.4, 24.5
HSV 224.8, 67, 36.9
CMYK 170.9,127.5,0,161
XYZ 0.036, 0.031, 0.11
xyY 0.203, 0.177, 0.031
CIE-LAB 0.206, 0.103, -0.301
CIE-LUV 0.206, -0.068, -0.351
CIE-HCL 288.927, 0.318, 0.206
Binary 00011111,00101111,01011110

#1f2f5e HTML/CSS Color Name is Catalina Blue / Pantone 534 C / Blue.
In a RGB color space, #1f2f5e color RGB value is (Red:31,Green:47,Blue:94). it is composed of 18.0% red, 27.3% green and 54.7% blue. The process color (four color CMYK) of #1f2f5e color hex is 170.9,127.5,0,161. HSL of color #1f2f5e hue: 224.8 , saturation: 50.4 and the lightness value of 1f2f5e is 24.5. Mainly color is Blue. Reverse color is: #e0d0a1.
The color codes conversion takes 1.580161 milliseconds.


Shades Colors of #1f2f5e

Tints Colors of #1f2f5e


Scheme of color #1f2f5e

Web Safe
Generated Colors

#1f2f5e Preview (Html codes and CSS codes)

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

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

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

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

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

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