#336f42 (Japanese Laurel Color / Dark Green FS 14062 / Green)

#336f42
RGB(51,111,65)
#336f42 Color Codes Conversion
Hex 336f42
RGB 51 , 111 , 65
RGB % 22.5, 48.9, 28.6
HSL 135, 37, 31.8
HSV 135, 54.1, 43.5
CMYK 137.8,0,103.4,144
XYZ 0.08, 0.125, 0.071
xyY 0.291, 0.451, 0.125
CIE-LAB 0.419, -0.303, 0.193
CIE-LUV 0.419, -0.269, 0.273
CIE-HCL 147.585, 0.36, 0.419
Binary 00110011,01101111,01000001

#336f42 HTML/CSS Color Name is Japanese Laurel / Dark Green FS 14062 / Green.
In a RGB color space, #336f42 color RGB value is (Red:51,Green:111,Blue:65). it is composed of 22.5% red, 48.9% green and 28.6% blue. The process color (four color CMYK) of #336f42 color hex is 137.8,0,103.4,144. HSL of color #336f42 hue: 135 , saturation: 37 and the lightness value of 336f42 is 31.8. Mainly color is Green. Reverse color is: #cc90be.
The color codes conversion takes 1.378272 milliseconds.

 

Shades Colors of #336f42

Tints Colors of #336f42

 

Scheme of color #336f42

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#336f42 Preview (Html codes and CSS codes)

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

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

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

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

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

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