#306a70 (Blumine Color / Pantone 7699 C / Blue)

#306a70 Color Codes Conversion
Hex 306a70
RGB 48 , 105 , 112
RGB % 18.1, 39.6, 42.3
HSL 185.6, 40, 31.4
HSV 185.6, 57.1, 43.9
CMYK 145.7,13.7,0,143
XYZ 0.093, 0.121, 0.172
xyY 0.241, 0.314, 0.121
CIE-LAB 0.414, -0.17, -0.091
CIE-LUV 0.414, -0.239, -0.102
CIE-HCL 208.258, 0.193, 0.414
Binary 00110000,01101001,01110000

#306a70 HTML/CSS Color Name is Blumine / Pantone 7699 C / Blue.
In a RGB color space, #306a70 color RGB value is (Red:48,Green:105,Blue:112). it is composed of 18.1% red, 39.6% green and 42.3% blue. The process color (four color CMYK) of #306a70 color hex is 145.7,13.7,0,143. HSL of color #306a70 hue: 185.6 , saturation: 40 and the lightness value of 306a70 is 31.4. Mainly color is Blue. Reverse color is: #cf968f.
The color codes conversion takes 1.644118 milliseconds.


Shades Colors of #306a70

Tints Colors of #306a70


Scheme of color #306a70

Web Safe
Generated Colors

#306a70 Preview (Html codes and CSS codes)

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

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

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

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

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

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