#20c997 (Shamrock Color / Material Flat Turquoise / Green)

#20c997
RGB(32,201,151)
#20c997 Color Codes Conversion
Hex 20c997
RGB 32 , 201 , 151
RGB % 8.3, 52.3, 39.3
HSL 162.2, 72.5, 45.7
HSV 162.2, 84.1, 78.8
CMYK 214.4,0,63.4,54
XYZ 0.271, 0.443, 0.364
xyY 0.251, 0.411, 0.443
CIE-LAB 0.724, -0.522, 0.137
CIE-LUV 0.724, -0.59, 0.279
CIE-HCL 165.335, 0.54, 0.724
Binary 00100000,11001001,10010111

#20c997 HTML/CSS Color Name is Shamrock / Material Flat Turquoise / Green.
In a RGB color space, #20c997 color RGB value is (Red:32,Green:201,Blue:151). it is composed of 8.3% red, 52.3% green and 39.3% blue. The process color (four color CMYK) of #20c997 color hex is 214.4,0,63.4,54. HSL of color #20c997 hue: 162.2 , saturation: 72.5 and the lightness value of 20c997 is 45.7. Mainly color is Green. Reverse color is: #df3668.
The color codes conversion takes 2.405165 milliseconds.

 

Shades Colors of #20c997

Tints Colors of #20c997

 

Scheme of color #20c997

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#20c997 Preview (Html codes and CSS codes)

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

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

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

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

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

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