#203d69 (Catalina Blue Color / Blue FS 35052 / Blue)

#203d69 Color Codes Conversion
Hex 203d69
RGB 32 , 60 , 105
RGB % 16.2, 30.5, 53.3
HSL 216.2, 53.3, 26.9
HSV 216.2, 69.5, 41.2
CMYK 177.3,106.9,0,150
XYZ 0.048, 0.047, 0.14
xyY 0.205, 0.199, 0.047
CIE-LAB 0.258, 0.05, -0.29
CIE-LUV 0.258, -0.11, -0.365
CIE-HCL 279.803, 0.294, 0.258
Binary 00100000,00111100,01101001

#203d69 HTML/CSS Color Name is Catalina Blue / Blue FS 35052 / Blue.
In a RGB color space, #203d69 color RGB value is (Red:32,Green:60,Blue:105). it is composed of 16.2% red, 30.5% green and 53.3% blue. The process color (four color CMYK) of #203d69 color hex is 177.3,106.9,0,150. HSL of color #203d69 hue: 216.2 , saturation: 53.3 and the lightness value of 203d69 is 26.9. Mainly color is Blue. Reverse color is: #dfc396.
The color codes conversion takes 1.390492 milliseconds.


Shades Colors of #203d69

Tints Colors of #203d69


Scheme of color #203d69

Web Safe
Generated Colors

#203d69 Preview (Html codes and CSS codes)

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

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

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

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

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

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