#306b71 (Genoa Color / Pantone 7699 C / Green)

#306b71
RGB(48,107,113)
#306b71 Color Codes Conversion
Hex 306b71
RGB 48 , 107 , 113
RGB % 17.9, 39.9, 42.2
HSL 185.5, 40.4, 31.6
HSV 185.5, 57.5, 44.3
CMYK 146.7,13.5,0,142
XYZ 0.095, 0.123, 0.175
xyY 0.241, 0.314, 0.123
CIE-LAB 0.417, -0.172, -0.092
CIE-LUV 0.417, -0.243, -0.102
CIE-HCL 208.087, 0.195, 0.417
Binary 00110000,01101011,01110001

#306b71 HTML/CSS Color Name is Genoa / Pantone 7699 C / Green.
In a RGB color space, #306b71 color RGB value is (Red:48,Green:107,Blue:113). it is composed of 17.9% red, 39.9% green and 42.2% blue. The process color (four color CMYK) of #306b71 color hex is 146.7,13.5,0,142. HSL of color #306b71 hue: 185.5 , saturation: 40.4 and the lightness value of 306b71 is 31.6. Mainly color is Green. Reverse color is: #cf948e.
The color codes conversion takes 1.705195 milliseconds.

 

Shades Colors of #306b71

Tints Colors of #306b71

 

Scheme of color #306b71

Hue
 
Hex
Scheme
 
Distance
 
Variation
 
Web Safe
 
Generated Colors
 
 

#306b71 Preview (Html codes and CSS codes)

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

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

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

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

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

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