#3d828b (Jelly Bean Color / Teal blue / Blue)

#3d828b
RGB(60,130,139)
#3d828b Color Codes Conversion
Hex 3d828b
RGB 60 , 130 , 139
RGB % 18.2, 39.5, 42.2
HSL 186.9, 39, 39.2
HSV 186.9, 56.1, 54.5
CMYK 143.1,16.5,0,116
XYZ 0.146, 0.188, 0.273
xyY 0.24, 0.31, 0.188
CIE-LAB 0.505, -0.19, -0.115
CIE-LUV 0.505, -0.289, -0.138
CIE-HCL 211.181, 0.222, 0.505
Binary 00111100,10000010,10001011

#3d828b HTML/CSS Color Name is Jelly Bean / Teal blue / Blue.
In a RGB color space, #3d828b color RGB value is (Red:60,Green:130,Blue:139). it is composed of 18.2% red, 39.5% green and 42.2% blue. The process color (four color CMYK) of #3d828b color hex is 143.1,16.5,0,116. HSL of color #3d828b hue: 186.9 , saturation: 39 and the lightness value of 3d828b is 39.2. Mainly color is Blue. Reverse color is: #c37d74.
The color codes conversion takes 1.605480 milliseconds.

 

Shades Colors of #3d828b

Tints Colors of #3d828b

 

Scheme of color #3d828b

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#3d828b Preview (Html codes and CSS codes)

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

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

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

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

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

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