#283f62 (Catalina Blue Color / Dark Blue FS 35109 / Blue)

#283f62 Color Codes Conversion
Hex 283f62
RGB 40 , 63 , 97
RGB % 20.0, 31.5, 48.5
HSL 216.2, 42, 27.1
HSV 216.2, 59.2, 38.4
CMYK 150.9,91.1,0,157
XYZ 0.049, 0.049, 0.122
xyY 0.221, 0.222, 0.049
CIE-LAB 0.264, 0.027, -0.234
CIE-LUV 0.264, -0.099, -0.293
CIE-HCL 276.644, 0.236, 0.264
Binary 00101000,00111111,01100001

#283f62 HTML/CSS Color Name is Catalina Blue / Dark Blue FS 35109 / Blue.
In a RGB color space, #283f62 color RGB value is (Red:40,Green:63,Blue:97). it is composed of 20.0% red, 31.5% green and 48.5% blue. The process color (four color CMYK) of #283f62 color hex is 150.9,91.1,0,157. HSL of color #283f62 hue: 216.2 , saturation: 42 and the lightness value of 283f62 is 27.1. Mainly color is Blue. Reverse color is: #d7c09e.
The color codes conversion takes 1.522830 milliseconds.


Shades Colors of #283f62

Tints Colors of #283f62


Scheme of color #283f62

Web Safe
Generated Colors

#283f62 Preview (Html codes and CSS codes)

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

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

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

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

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

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