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

#283d5d Color Codes Conversion
Hex 283d5d
RGB 40 , 60 , 93
RGB % 20.7, 31.1, 48.2
HSL 216.2, 39.8, 26.1
HSV 216.2, 57, 36.5
CMYK 145.3,87.7,0,162
XYZ 0.045, 0.046, 0.11
xyY 0.225, 0.228, 0.046
CIE-LAB 0.255, 0.023, -0.216
CIE-LUV 0.255, -0.092, -0.266
CIE-HCL 275.977, 0.217, 0.255
Binary 00101000,00111100,01011101

#283d5d HTML/CSS Color Name is Catalina Blue / Dark Blue FS 35109 / Blue.
In a RGB color space, #283d5d color RGB value is (Red:40,Green:60,Blue:93). it is composed of 20.7% red, 31.1% green and 48.2% blue. The process color (four color CMYK) of #283d5d color hex is 145.3,87.7,0,162. HSL of color #283d5d hue: 216.2 , saturation: 39.8 and the lightness value of 283d5d is 26.1. Mainly color is Blue. Reverse color is: #d7c3a2.
The color codes conversion takes 1.515356 milliseconds.


Shades Colors of #283d5d

Tints Colors of #283d5d


Scheme of color #283d5d

Web Safe
Generated Colors

#283d5d Preview (Html codes and CSS codes)

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

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

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

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

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

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