#3badc9 (Viking Color / Pantone 631 C / Blue)

#3badc9 Color Codes Conversion
Hex 3badc9
RGB 59 , 173 , 201
RGB % 13.6, 40.0, 46.4
HSL 191.8, 56.8, 51
HSV 191.8, 70.6, 78.8
CMYK 180.1,35.5,0,54
XYZ 0.273, 0.35, 0.606
xyY 0.222, 0.285, 0.35
CIE-LAB 0.658, -0.226, -0.235
CIE-LUV 0.658, -0.421, -0.334
CIE-HCL 226.079, 0.326, 0.658
Binary 00111011,10101101,11001001

#3badc9 HTML/CSS Color Name is Viking / Pantone 631 C / Blue.
In a RGB color space, #3badc9 color RGB value is (Red:59,Green:173,Blue:201). it is composed of 13.6% red, 40.0% green and 46.4% blue. The process color (four color CMYK) of #3badc9 color hex is 180.1,35.5,0,54. HSL of color #3badc9 hue: 191.8 , saturation: 56.8 and the lightness value of 3badc9 is 51. Mainly color is Blue. Reverse color is: #c45236.
The color codes conversion takes 1.598006 milliseconds.


Shades Colors of #3badc9

Tints Colors of #3badc9


Scheme of color #3badc9

Web Safe
Generated Colors

#3badc9 Preview (Html codes and CSS codes)

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

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

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

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

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

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