#3c5b84 (Matisse Color / Pantone 7699 C / Blue)

#3c5b84 Color Codes Conversion
Hex 3c5b84
RGB 60 , 91 , 131
RGB % 21.3, 32.3, 46.5
HSL 214.2, 37.5, 37.6
HSV 214.2, 54.5, 51.8
CMYK 139.1,79.2,0,123
XYZ 0.098, 0.101, 0.233
xyY 0.226, 0.234, 0.101
CIE-LAB 0.38, 0.013, -0.264
CIE-LUV 0.38, -0.143, -0.37
CIE-HCL 272.799, 0.264, 0.38
Binary 00111100,01011011,10000011

#3c5b84 HTML/CSS Color Name is Matisse / Pantone 7699 C / Blue.
In a RGB color space, #3c5b84 color RGB value is (Red:60,Green:91,Blue:131). it is composed of 21.3% red, 32.3% green and 46.5% blue. The process color (four color CMYK) of #3c5b84 color hex is 139.1,79.2,0,123. HSL of color #3c5b84 hue: 214.2 , saturation: 37.5 and the lightness value of 3c5b84 is 37.6. Mainly color is Blue. Reverse color is: #c3a47c.
The color codes conversion takes 1.810947 milliseconds.


Shades Colors of #3c5b84

Tints Colors of #3c5b84


Scheme of color #3c5b84

Web Safe
Generated Colors

#3c5b84 Preview (Html codes and CSS codes)

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

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

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

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

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

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