#2a8bb8 (Pelorous Color / Pantone 7689 C / Blue)

#2a8bb8 Color Codes Conversion
Hex 2a8bb8
RGB 42 , 139 , 184
RGB % 11.5, 38.1, 50.4
HSL 199, 62.8, 44.3
HSV 199, 77.2, 72.2
CMYK 196.8,62.4,0,71
XYZ 0.188, 0.224, 0.487
xyY 0.209, 0.249, 0.224
CIE-LAB 0.545, -0.122, -0.314
CIE-LUV 0.545, -0.336, -0.465
CIE-HCL 248.75, 0.337, 0.545
Binary 00101010,10001011,10111000

#2a8bb8 HTML/CSS Color Name is Pelorous / Pantone 7689 C / Blue.
In a RGB color space, #2a8bb8 color RGB value is (Red:42,Green:139,Blue:184). it is composed of 11.5% red, 38.1% green and 50.4% blue. The process color (four color CMYK) of #2a8bb8 color hex is 196.8,62.4,0,71. HSL of color #2a8bb8 hue: 199 , saturation: 62.8 and the lightness value of 2a8bb8 is 44.3. Mainly color is Blue. Reverse color is: #d57447.
The color codes conversion takes 2.082242 milliseconds.


Shades Colors of #2a8bb8

Tints Colors of #2a8bb8


Scheme of color #2a8bb8

Web Safe
Generated Colors

#2a8bb8 Preview (Html codes and CSS codes)

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

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

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

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

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

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