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

#3a687b Color Codes Conversion
Hex 3a687b
RGB 58 , 104 , 123
RGB % 20.4, 36.5, 43.2
HSL 197.5, 35.9, 35.5
HSV 197.5, 52.8, 48.2
CMYK 134.8,39.4,0,132
XYZ 0.103, 0.122, 0.206
xyY 0.239, 0.284, 0.122
CIE-LAB 0.416, -0.1, -0.155
CIE-LUV 0.416, -0.2, -0.202
CIE-HCL 236.99, 0.184, 0.416
Binary 00111010,01101000,01111011

#3a687b HTML/CSS Color Name is Matisse / Pantone 7699 C / Blue.
In a RGB color space, #3a687b color RGB value is (Red:58,Green:104,Blue:123). it is composed of 20.4% red, 36.5% green and 43.2% blue. The process color (four color CMYK) of #3a687b color hex is 134.8,39.4,0,132. HSL of color #3a687b hue: 197.5 , saturation: 35.9 and the lightness value of 3a687b is 35.5. Mainly color is Blue. Reverse color is: #c59784.
The color codes conversion takes 2.078546 milliseconds.


Shades Colors of #3a687b

Tints Colors of #3a687b


Scheme of color #3a687b

Web Safe
Generated Colors

#3a687b Preview (Html codes and CSS codes)

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

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

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

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

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

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