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

#2a7887 Color Codes Conversion
Hex 2a7887
RGB 42 , 120 , 135
RGB % 14.1, 40.4, 45.5
HSL 189.7, 52.5, 34.7
HSV 189.7, 68.9, 52.9
CMYK 175.7,28.3,0,120
XYZ 0.12, 0.157, 0.253
xyY 0.227, 0.296, 0.157
CIE-LAB 0.465, -0.185, -0.151
CIE-LUV 0.465, -0.295, -0.192
CIE-HCL 219.364, 0.239, 0.465
Binary 00101010,01111000,10000111

#2a7887 HTML/CSS Color Name is Atoll / Teal blue / Green.
In a RGB color space, #2a7887 color RGB value is (Red:42,Green:120,Blue:135). it is composed of 14.1% red, 40.4% green and 45.5% blue. The process color (four color CMYK) of #2a7887 color hex is 175.7,28.3,0,120. HSL of color #2a7887 hue: 189.7 , saturation: 52.5 and the lightness value of 2a7887 is 34.7. Mainly color is Green. Reverse color is: #d58778.
The color codes conversion takes 1.619740 milliseconds.


Shades Colors of #2a7887

Tints Colors of #2a7887


Scheme of color #2a7887

Web Safe
Generated Colors

#2a7887 Preview (Html codes and CSS codes)

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

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

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

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

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

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