#31d8e2 (Turquoise Color / Pantone 319 C / Blue)

#31d8e2
RGB(48,216,226)
#31d8e2 Color Codes Conversion
Hex 31d8e2
RGB 48 , 216 , 226
RGB % 9.8, 44.1, 46.1
HSL 183.4, 75.3, 53.9
HSV 183.4, 78.3, 88.6
CMYK 199.7,11.3,0,29
XYZ 0.395, 0.553, 0.805
xyY 0.226, 0.315, 0.553
CIE-LAB 0.792, -0.37, -0.167
CIE-LUV 0.792, -0.569, -0.209
CIE-HCL 204.341, 0.406, 0.792
Binary 00110000,11011000,11100010

#31d8e2 HTML/CSS Color Name is Turquoise / Pantone 319 C / Blue.
In a RGB color space, #31d8e2 color RGB value is (Red:48,Green:216,Blue:226). it is composed of 9.8% red, 44.1% green and 46.1% blue. The process color (four color CMYK) of #31d8e2 color hex is 199.7,11.3,0,29. HSL of color #31d8e2 hue: 183.4 , saturation: 75.3 and the lightness value of 31d8e2 is 53.9. Mainly color is Blue. Reverse color is: #cf271d.
The color codes conversion takes 1.621788 milliseconds.

 

Shades Colors of #31d8e2

Tints Colors of #31d8e2

 

Scheme of color #31d8e2

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#31d8e2 Preview (Html codes and CSS codes)

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

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

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

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

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

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