#395d7f (Matisse Color / Pantone 7699 C / Blue)

#395d7f Color Codes Conversion
Hex 395d7f
RGB 56 , 93 , 127
RGB % 20.3, 33.7, 46.0
HSL 209.1, 38, 36.1
HSV 209.1, 55.1, 49.8
CMYK 140.6,68.3,0,128
XYZ 0.094, 0.102, 0.216
xyY 0.229, 0.248, 0.102
CIE-LAB 0.383, -0.024, -0.23
CIE-LUV 0.383, -0.159, -0.317
CIE-HCL 264.129, 0.231, 0.383
Binary 00111000,01011101,01111111

#395d7f HTML/CSS Color Name is Matisse / Pantone 7699 C / Blue.
In a RGB color space, #395d7f color RGB value is (Red:56,Green:93,Blue:127). it is composed of 20.3% red, 33.7% green and 46.0% blue. The process color (four color CMYK) of #395d7f color hex is 140.6,68.3,0,128. HSL of color #395d7f hue: 209.1 , saturation: 38 and the lightness value of 395d7f is 36.1. Mainly color is Blue. Reverse color is: #c7a280.
The color codes conversion takes 1.706245 milliseconds.


Shades Colors of #395d7f

Tints Colors of #395d7f


Scheme of color #395d7f

Web Safe
Generated Colors

#395d7f Preview (Html codes and CSS codes)

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

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

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

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

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

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