#54a9b7 (Fountain Blue Color / Pantone 7709 C / Blue)

#54a9b7 Color Codes Conversion
Hex 54a9b7
RGB 84 , 169 , 183
RGB % 19.3, 38.8, 42.0
HSL 188.5, 40.7, 52.4
HSV 188.5, 54.1, 71.8
CMYK 138,19.5,0,72
XYZ 0.264, 0.337, 0.499
xyY 0.24, 0.306, 0.337
CIE-LAB 0.647, -0.217, -0.151
CIE-LUV 0.647, -0.361, -0.197
CIE-HCL 214.759, 0.264, 0.647
Binary 01010100,10101001,10110111

#54a9b7 HTML/CSS Color Name is Fountain Blue / Pantone 7709 C / Blue.
In a RGB color space, #54a9b7 color RGB value is (Red:84,Green:169,Blue:183). it is composed of 19.3% red, 38.8% green and 42.0% blue. The process color (four color CMYK) of #54a9b7 color hex is 138,19.5,0,72. HSL of color #54a9b7 hue: 188.5 , saturation: 40.7 and the lightness value of 54a9b7 is 52.4. Mainly color is Blue. Reverse color is: #ab5648.
The color codes conversion takes 2.212988 milliseconds.


Shades Colors of #54a9b7

Tints Colors of #54a9b7


Scheme of color #54a9b7

Web Safe
Generated Colors

#54a9b7 Preview (Html codes and CSS codes)

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

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

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

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

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

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