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

#283e5f Color Codes Conversion
Hex 283e5f
RGB 40 , 62 , 95
RGB % 20.3, 31.5, 48.2
HSL 216, 40.7, 26.5
HSV 216, 57.9, 37.3
CMYK 147.6,88.6,0,160
XYZ 0.047, 0.047, 0.115
xyY 0.223, 0.226, 0.047
CIE-LAB 0.259, 0.023, -0.222
CIE-LUV 0.259, -0.095, -0.276
CIE-HCL 275.931, 0.223, 0.259
Binary 00101000,00111110,01011111

#283e5f HTML/CSS Color Name is Catalina Blue / Dark Blue FS 35109 / Blue.
In a RGB color space, #283e5f color RGB value is (Red:40,Green:62,Blue:95). it is composed of 20.3% red, 31.5% green and 48.2% blue. The process color (four color CMYK) of #283e5f color hex is 147.6,88.6,0,160. HSL of color #283e5f hue: 216 , saturation: 40.7 and the lightness value of 283e5f is 26.5. Mainly color is Blue. Reverse color is: #d7c1a0.
The color codes conversion takes 2.131663 milliseconds.


Shades Colors of #283e5f

Tints Colors of #283e5f


Scheme of color #283e5f

Web Safe
Generated Colors

#283e5f Preview (Html codes and CSS codes)

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

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

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

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

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

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