#2f7c7e (Atoll Color / Teal blue / Green)

#2f7c7e Color Codes Conversion
Hex 2f7c7e
RGB 47 , 124 , 126
RGB % 15.8, 41.8, 42.4
HSL 181.5, 45.7, 33.9
HSV 181.5, 62.7, 49.4
CMYK 159.9,4,0,129
XYZ 0.121, 0.165, 0.223
xyY 0.238, 0.324, 0.165
CIE-LAB 0.477, -0.225, -0.081
CIE-LUV 0.477, -0.305, -0.083
CIE-HCL 199.79, 0.24, 0.477
Binary 00101111,01111100,01111110

#2f7c7e HTML/CSS Color Name is Atoll / Teal blue / Green.
In a RGB color space, #2f7c7e color RGB value is (Red:47,Green:124,Blue:126). it is composed of 15.8% red, 41.8% green and 42.4% blue. The process color (four color CMYK) of #2f7c7e color hex is 159.9,4,0,129. HSL of color #2f7c7e hue: 181.5 , saturation: 45.7 and the lightness value of 2f7c7e is 33.9. Mainly color is Green. Reverse color is: #d08381.
The color codes conversion takes 2.173047 milliseconds.


Shades Colors of #2f7c7e

Tints Colors of #2f7c7e


Scheme of color #2f7c7e

Web Safe
Generated Colors

#2f7c7e Preview (Html codes and CSS codes)

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

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

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

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

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

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